Setting up your title or logo

Starting with the Glowing Amber Pro template, you now have the option to set your site’s title or logo from the admin area by going to the template’s parameters. But I will begin with the website title as this is loaded in by default with the site’s title that you will find in the global configuration:

joomSitename

Whatever name you see in the “Site Name” field is what will show in the front-end of your site. Using a text based title for your website does have it’s benefits as it’s styled with h1 tags and that fact that it’s real text, is what will help as well. Originally the template was designed to use a text title but not everyone wants that so I added a new option to my Joomla templates…

Changing to a Logo

If you decide to use a logo instead, you need to open up the template manager’s parameters to make this change by selecting the radio button next to the template (Screenshot: in this case it will be for Glowing Amber, not Prestige) and in the upper right, click on the EDIT button:

joomTempedit

Look for the logo parameter settings on the right side of the page and make your selection to go from “Disabled” to “Enabled” which will load a logo image that is already part of your template as a sample to start with. You will want to upload your own logo to the following directory:

/wp-content/uploads/logo.png

The above location is where the parameters are coded to get the logo from with a format of “png” which you can change if you need to (see below for details).

joomLogosetting

The screenshot above also shows that the ini file is writable for some, it’s usually best to keep that as unwritable or at least set up with your host that only you can write to it but no one else.

Adding an ALT tag to Your Logo

As it is with any image, you should always add an “alt” tag to help with your search engine ranking as this does help when you can use keywords related to your image and to the page it’s on. This is an example of what an image looks like with it’s “alt” code:

<img src="/path-to-image" width="100" height="100" alt="This is my ALT tag" />

It’s also a good idea to add height and width, but nowadays, browsers seem to be a bit more forgiving when you leave that out, but if you want it added, you will need to edit some code. However, for the logo alt tag text, you will see in the above screenshot (hidden partially), you will see a field behind the yellow popup note, exposing a word there as “Joomla” which is actually part of the place you would type your alt tag.

After you have done this, click SAVE or APPLY when you think you are done.

NOTE: Click SAVE when you are completely done as this will close the window out, or click APPLY if you want to save your changes but keep the window open.

If all went well, you should be able to see your logo (providing you uploaded your new one to replace the existing “logo.png” file.

By | 2010-09-25T03:32:52+00:00 September 25th, 2010|Blog|0 Comments

About the Author:

Leave a Reply