After many articles on how to use Joomla!, you are now ready to actually build your site. In this tutorial, we’ll start the process of speeding up your website from a fresh Joomla installation. 1.5. Originally I was thinking of making a site with Joomla! It was 1.6, but I realized it was too early to find a template for that version, so I created a fresh installation of Joomla! 1.5.
A default installation looks like this: You’ll notice it’s the same frontend as the other articles.
If you decide to build your own site, the first thing you need to do is find a template. Templates are available for this installation, but there are only three templates, which may not be to your liking. In that case, you have four options for her:Find a commercial template, see if you can find a free template, hire a designer to create a template for you, or create your own template.To find a template, first visit the Joomla! website.
You can find more templates on CloudAccess.net, my temporary Joomla host. site. And this is where I found a free template, Enterprise, which is close to what I’m looking for. Still, it takes quite a bit of tweaking to get the layout just right. (Note: The body of the template is 960 pixels wide. This is important information later.)
For this article, we will be using FlipPhoto Pro, an extension that we have activated the Showcase (widescreen section) and installed in Joomla Extensions. article. Before that, it’s important to check the module map.
This is the overall module map of my website, NathanSegal.ca. All topics on this site are about joint ventures, but more on that later.
This is the top of the module map, highlighting some of the changes I’d like to make. Some of these are issues that turn modules off. Others, such as the menu bar, may require some CSS tweaks, but we’ll cover that in another article.
This is the bottom of the template. As you can see by the red highlighting, there are a number of modules that need to be turned off to create the desired look. You don’t know in advance what the layout will look like with some modules turned off. I will know only when I get there.
As I mentioned earlier, I want to enable Showcases in this template. Before that, we need to enable the template. To do this, log in to Administrator, then[拡張機能: テンプレート マネージャー]Go to. Once on this page, enable the radio button to the left of the enterprise template, then click the default star.
Now let’s take a look at the frontend template. As you can see, it looks different than the demo template on the CloudAccess.net site, so you’ll need to customize the template. To start that task, let’s take a look at the module.
As mentioned earlier, use the Flip Photo Pro extension from Cloudaccess.net. For your reference, here are the installation steps:
Find the downloaded file, click on it,[ファイルをアップロードしてインストール]Click the button. As in the previous article, installing Flip Photo Pro will start an automatic configuration process. Rotate and install a set of images and modules. This is disabled by default.
You need to edit the module settings to see it on the frontend. To find the extension,[フィルター]Type “flip” in the section,[実行]Click. When the file name flipphotopro appears, click on it to edit it.
in the module [Edit] On the page, set:
- Show Title: No
- Enabled: Yes
- Position: Showcase
Leave all other settings as default. Save your settings.
Refresh the frontend. I see the Flip Photo Pro extension, but there are two issues. It’s too big for the template and has unnecessary text at the bottom.
To fix this, go to Components: FlipPhoto Pro. On the next page,[サンプル データ]Click a heading.
This page can handle two tasks at the same time. The first one,[説明の表示]next to the heading[いいえ]to select the button. The second task is to reduce the size of the showcase so that it fits properly on the page. Earlier I pointed out that the page width is 960 pixels. To fit FlopPhoto Pro on the page, I reduced the size to 938×255 pixels and saved the settings.
Here is the result on the front end. As you can see, the description has been removed and FlipPhoto Pro fits perfectly in the showcase position.
In the next article, we’ll add images to tweak the showcase and add a custom logo.
