Once you have your required template ready, you can modify/add a few things in your existing template files to make them usable in Joomla system as a Joomla template.
- Change the name of index.html to index.php and add some relevant information at the top of the file.
- Create and add templateDetails.xml in the same folder/directory
- Compress the directory into a .zip file to be able to import it in Joomla
[
attachment=106]
As an example I show you files behind
NotJustBrowsing website.
Here is a template skeleton diagram with position names written within position space.
[
attachment=107]
The changes made in index.php (previously index.html) are shown in the following picture.
[
attachment=109]
In this picture, paths to .css files are changed to make them point to the actual folder inside Joomla system. Notice that within this path there will be template name (templates/{template name}/...) given by you to your newly created template.
< body > section of index.php remains untouched.
Next step is to create
templateDetails.xml file.
File shown in picture below is
templateDetails.xml of
NotJustBrowsing website.
[
attachment=110]
For each
position in
templateDetails.xml there should be one line of Joomla module inclusion in
index.php at those content positions (
within named divs). This step can be performed at a later stage when contents for those positions are ready to be included.
See picture below for module inclusion lines in index.php of NotJustBrowsing website.
[
attachment=111]
The only thing left in your preparations is to compress your directory and its files into a .zip file. This .zip will be imported from within Joomla and be used as your website template by Joomla for you.