Setting up a directory structure

From Joomla! Documentation

Revision as of 16:00, 19 November 2010 by Chris Davenport (Talk | contribs)

To make the most basic template, create a new folder in the "templates" folder. Name this folder after your template i.e. "mynewtemplate".

Using a text editor create the files "index.php" and "templateDetails.xml"

To keep things organized, make 2 new folders called "images" and "css". Inside the "css" folder create a file called "template.css".

Although it is fine to place all your CSS code directly in your "index.php" file to start, many web developers prefer to place their CSS code in a separate file that can be linked from multiple pages using the "link" tag.

This is the most basic practical setup.

Outline of folder and file structure:

  • mynewtemplate/
    • css/
      • template.css
    • images/
    • index.php
    • component.php
    • templateDetails.xml