Book Image

Joomla! 1.5 Templates Cookbook

By : Richard Carter, Chris Davenport
Book Image

Joomla! 1.5 Templates Cookbook

By: Richard Carter, Chris Davenport

Overview of this book

Templates in Joomla! provide a powerful way to make your site look exactly the way you want either using a single template for the entire site or a separate template for each site section. Although it sounds like an easy task to build and maintain templates, it can be challenging to get beyond the basics and customize templates to meet your needs perfectly.Joomla! 1.5 Templates Cookbook consists of a series of self-contained step-by-step recipes that cover everything from common tasks such as changing your site's logo or favicon and altering color schemes, to custom error pages and template overrides. It starts off with the basics of template design and then digs deep into more complex concepts. It will help you make your site more attractive and user-friendly. You will integrate your site with various social media such as Twitter and YouTube; make your site mobile-friendly with the help of recipes for creating and customizing mobile spreadsheets; and use miscellaneous tricks and tips to get the most out of your website. You get all of this in a simple recipe format that guides you quickly through the steps and explains how it all happened.
Table of Contents (16 chapters)
Joomla! 1.5 Templates Cookbook
About the Author
About the Reviewers

Editing the HTML template in the administration panel

Joomla! allows administrators of their website to edit HTML templates of their Joomla! templates within the administration panel.

Getting ready

Log in to your website's administration panel and navigate to the Template Manager feature. From here, select the theme that is the current default. For this example, we'll assume it's the rhuk_milkyway template:

How to do it...

  1. 1. Select the Edit HTML option at the top-right of your screen. You'll be presented with a text box containing the contents of the template's index.php file:

  1. 2. Once you have finished editing the file, click on Save or Apply, or simply click on Cancel to preserve the template file as it was.

    Being able to edit a template's HTML from the administration panel is convenient for smaller tasks. For example, what if we wanted to remove the text at the bottom of the website that reads Powered by Joomla!?

  1. 3. Now locate the code that reads as follows:

    <p id="power_by">
    <?php echo JText::_('Powered by') ?>
    <a href="">Joomla!</a>.
    <?php echo JText::_('Valid') ?>
    <a href="">XHTML</a>
    <?php echo JText::_('and') ?>
    <a href="">CSS </a>.
  2. By removing the highlighted lines of code in the previous code snippet, we can remove reference to the website being powered by Joomla!, if we wish to. Depending on the template you're editing, this process will almost certainly vary.

  3. 4. Once the Save or Apply button has been clicked, refresh the frontend of your website (that is, not the administration panel):

How it works...

When you edit the HTML of your template in Joomla!'s administration panel, Joomla! overwrites the index.php of your template with the changes that you've made. If you have downloaded your template for editing, you will need to download the index.php file again to prevent overwriting any changes.

See also

  • Editing CSS in the administration panel