Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Template Import - Preparations
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.

  1. Change the name of index.html to index.php and add some relevant information at the top of the file.
  2. Create and add templateDetails.xml in the same folder/directory
  3. Compress the directory into a .zip file to be able to import it in Joomla

.png   joomla_template_6.png (Size: 82.02 KB / Downloads: 807)
As an example I show you files behind NotJustBrowsing website.

Here is a template skeleton diagram with position names written within position space.

.png   joomla_template_4_0.png (Size: 23.26 KB / Downloads: 738)

The changes made in index.php (previously index.html) are shown in the following picture.

.png   joomla_template_4_1.png (Size: 48.88 KB / Downloads: 739)

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.

.png   joomla_template_4_2.png (Size: 62.5 KB / Downloads: 718)

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.

.png   joomla_template_4_3.png (Size: 104.82 KB / Downloads: 729)

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.


Forum Jump:

Users browsing this thread: 1 Guest(s)