You now have the option to set your site’s title or logo from the admin area by going to the template’s parameters or keep it as the default text based <h1> tagged title. 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”. You will want to upload your own logo to some location on your site but keep note of it’s full url path as you will need to copy and paste it. For example, the default Media Manager upload directory is:

/wp-content/uploads/

The logo can be any image format but preferable to png, jpg, or gif.

param-logo

To keep the default text title, keep the “logo as image” set to disabled, otherwise change it to enabled.

Title Caption

If you plan to use the text method and no logo, you can add a slogan or title caption in the “Title Caption” field you see in the screenshot. This will show up just under the site title on the front-end and it’s wrapped in an <h2> tag to help with seo with the title as an <h1> heading.

Logo URL Path

After you uploaded your logo, the next field (see the above screenshot) is for your image path (the location of your logo).For example:

http://www.yoursite.com//wp-content/uploads/logo.png

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.

By |2010-09-25T03:36:18+00:00September 25th, 2010|Blog|