View source for What is the typical template directory structure?/en

===Typical Template Directory Structure===
Joomla! CMS templates use a structure of directories and files but they can vary from template to template
*'''Site''' templates (templates that change what your website looks like) can be found in the <code>/templates</code> directory. For example, if your template is called "mytemplate", then it would be placed in the folder:
:<code><path-to-Joomla!>/templates/mytemplate</code>
*'''Administrator''' templates (templates that change what the administrator section of the site looks like) can be found in the <code>/administrator/templates</code> directory. For example, if your administrator template is called "myadmintemplate", then it would be placed in the folder:
:<code><path-to-Joomla!>/administrator/templates/myadmintemplate</code>
====Template directories====
{{:Typical template directory structure/en}}

====Template files====
It is most common for a template to have at least the following files:
* '''index.php'''
: Provides the logic for the display and positioning of modules and components.
* '''component.php'''
: Provides the logic for the display of the printer friendly page, "E-mail this link to a friend." etc.
* '''error.php'''
: Provides a method to handle errors such as 404, page not found error.
* '''favicon.ico'''
: favicon icon file
* '''template.css'''
: Handles the presentational aspects of the template including specifications for margins, fonts, headings, image borders, list formatting, etc. The .css files may also be located in the <code>/css</code> directory.
* '''templateDetails.xml'''
: Holds meta-information related to the template and is used by the Installer and the Template Manager.
* '''template_preview.ext''' - replace .ext with the extension format of the image (.jpg, .png, .gif)
: Generally a 600x400 pixel image that is shown when the cursor is clicked on the thumbnail image in Template Manager:Templates, not Template Manager:Styles. This gives the Administrator a pop up modal window of the template before applying it to the Site.
* '''template_thumbnail.ext''' - replace .ext with the extension format of the image (.jpg, .png, .gif)
: Generally a 200x150 pixel thumbnail image that is shown when viewing the Template list in Template Manager:Templates, not Template Manager:Styles. This gives the Administrator a thumbnail view of the template before applying it to the Site.

<noinclude>
[[Category:Template Development FAQ]]
[[Category:Template Development]]
[[Category:Template Reference]]
[[Category:Template Management]]
</noinclude>