Joomla Template Code

There many files that one has to work with when working with Joomla templates.
Now this all depends on whether your using the Joomla Template Kit or not but I'll assume you are.

They are:

• Index.php
• J_CSS_Designer.html & many style sheet files*.CSS
• templateDetails.xml

The index.php page is the main file for your Front-End templates and is where your going to add your layout HTML code.
Along with any other scripts you may like etc. Now your also going to add Joomla code to this page as well.
I will cover more about the code in later sections.

A plain index.php template page in Joomla has some PHP calls in the Head section of the HTML code. I will go over this code in the "Head Section" page.
Designers are use to adding page titles to the template page but this is not the case with Joomla Templates as Joomla does this dynamically.
An example of what not to do is add local CSS code to a HTML page. Why because it can be a real pain when debugging CSS issues.


Inside the Body tags is where you would add your HTML layout and Joomla code.
In the Layout Page I will discus a common question about HTML layouts with Tabled and table-less layouts.
Joomla Template code tags are made up mostly of many Module position calls and one main Component call.