How to Create Joomla 2.5 Template?

In this tutorial I will not only show you how to create a Joomla 2.5 Template very easily, but you can also download a blank template, read for installation and for customization. Follow this step by step tutorial and you will learn how to build your first template compatible with Joomla 2.5 version.

Before starting, I would recommend you to install a XAMPP or WAMP server to your computer. This allows you to run Joomla on your local computer, which makes your template creation job much easier. Let’s pretend, you already installed Joomla 2.5 on your localhost and it’s located at http://localhost/joomla-2.5

Step 1. – Install The Template

Download this blank Joomla 2.5 template and install it to your local Joomla site. Go to the administration panel and make this template default.

Step 2. – Locate Template Folder

Find the the template folder. For XAMPP server it should at the following path:
C:\xampp\htdocs\joomla-2.5\templates\jt25_blank

Step 3. – Edit Template Files

Open the index.php, templateDetails.xml, css/styles.css files with a text editor and let start modifying the codes. You don’t have to be an expert PHP coder, but you have to know the basics of HTML and CSS.

How to add the content/component to Joomla 2.5 Template?

Open the index.php file and make sure that the file contain the following lines:
<jdoc:include type="message" />
<jdoc:include type="component" />

These two lines will generate the published articles and components. So you don’t have to add any text into any file, because Joomla will populate the fields.

How to add a module position to your Joomla 2.5 Template?

Let’s say you want to add a module position in the right side of the content. Here is the line you have to use.
<jdoc:include type="modules" name="right" style="xhtml" />
Every time you add a new module position, don’t forget to add it to the templateDetails.xml as well, because other way you will not find the modules position in the administration panel. The code will look like this:
<position>right</position>

This is all. If you got the point, I’m sure you can handle to convert a HTML template to Joomla 2.5 or to create your own layout. If you have any questions or need some help, please leave a comment bellow, I will try to help.

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn