Actions

Difference between revisions of "Setting up a directory structure"

From Joomla! Documentation

m
m
Line 3: Line 3:
 
Using a text editor (or dedicated editor such as [[Adobe Dreamweaver]]) '''create the files "index.php" and "templateDetails.xml"'''
 
Using a text editor (or dedicated editor such as [[Adobe Dreamweaver]]) '''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 "style.css".
+
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.
 
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.
Line 12: Line 12:
 
* '''mynewtemplate/'''
 
* '''mynewtemplate/'''
 
** <u>css/</u>
 
** <u>css/</u>
*** ''style.css''
+
*** ''template.css''
 
** <u>images/</u>
 
** <u>images/</u>
 
** ''index.php''
 
** ''index.php''
 
** ''component.php''
 
** ''component.php''
 
** ''templateDetails.xml''
 
** ''templateDetails.xml''

Revision as of 14:18, 8 November 2010

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 (or dedicated editor such as Adobe Dreamweaver) 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