Typical template directory structure: Difference between revisions

From Joomla! Documentation

No edit summary
Cmb (talk | contribs)
Some markup changes.
 
Line 1: Line 1:
<noinclude><languages /></noinclude>
<noinclude><languages /></noinclude>
<translate><!--T:1-->
<translate><!--T:1-->
A typical template for Joomla! will include the following directories:
A typical template for Joomla! will include these directories:
* css - contains all the .css files
* ''css'' - contains all the ''.css'' files
* html - contains template override files for core output and module chrome
* ''html'' - contains template override files for core output and module chrome
* images - contains all images used by the template
* ''images'' - contains all images used by the template
* language - contains additional language files used by the template</translate>
* ''language'' - contains additional language files used by the template</translate>


<translate><!--T:2-->
<translate><!--T:2-->
Depending on the complexity and design of the template it may also contain:
Depending on the complexity and design of the template, it may also contain:
* javascript - contains supporting JavaScript used by the template for added functionality</translate>
* ''javascript'' - contains supporting JavaScript used by the template for added functionality</translate>


<translate>====Example structure with files==== <!--T:3--></translate>
<translate>====Example Structure with Files==== <!--T:3--></translate>
<translate><!--T:4-->
<translate><!--T:4-->
Typical path of a template is <code><root>/public_html/domain-name/template/<name of your template></code> which will contain the following directories and files based on your template.</translate>
Typical path of a template is ''<root>/public_html/domain-name/template/<name of your template>'' which will contain the following directories and files based on your template.</translate>
<pre>
<syntaxhighlight lang="html">
/css
/css
/html
/html
Line 26: Line 26:
templateDetails.xml
templateDetails.xml
template_preview.png
template_preview.png
template_thumbnail.png  
template_thumbnail.png
</pre>
</syntaxhighlight>


<noinclude>
<noinclude>

Latest revision as of 15:03, 5 November 2022

A typical template for Joomla! will include these directories:

  • css - contains all the .css files
  • html - contains template override files for core output and module chrome
  • images - contains all images used by the template
  • language - contains additional language files used by the template

Depending on the complexity and design of the template, it may also contain:

  • javascript - contains supporting JavaScript used by the template for added functionality

Example Structure with Files

Typical path of a template is <root>/public_html/domain-name/template/<name of your template> which will contain the following directories and files based on your template.

/css
/html
/images
/javascript
/language
component.php
error.php
favicon.ico
index.php
templateDetails.xml
template_preview.png
template_thumbnail.png