JDOC:Joomla! 1.5 Template Tutorials Project/Outline
From Joomla! Documentation
< JDOC:Joomla! 1.5 Template Tutorials Project(Difference between revisions)
m |
m (Adjusted link after page move) |
||
| (19 intermediate revisions by 5 users not shown) | |||
| Line 2: | Line 2: | ||
= Introduction to Joomla! templates = | = Introduction to Joomla! templates = | ||
| − | [[What is the purpose of a template?|What is the purpose of a template?]] | + | * [[What is the purpose of a template?|What is the purpose of a template?]] |
| − | + | * [[What can you do with a template?|What can you do with a template?]] | |
| − | [[What can you do with a template?|What can you do with a template?]] | + | * [[Templates supplied with Joomla!|Templates supplied with Joomla!]] |
| − | + | * [[How to switch templates|How to switch templates]] | |
| − | [[Templates supplied with Joomla!|Templates supplied with Joomla!]] | + | * [[Installing a template|How to install templates]] |
| − | + | ||
| − | [[How to switch templates|How to switch templates]] | + | |
| − | + | ||
| − | [[ | + | |
= Understanding Joomla! templates = | = Understanding Joomla! templates = | ||
| − | [[Where are templates located?|Where are templates located?]] | + | * [[Where are templates located?|Where are templates located?]] |
| − | + | * [[What is the typical template directory structure?|What is the typical template directory structure?]] | |
| − | [[What is the typical template directory structure?|What is the typical template directory structure?]] | + | * [[What is the purpose of the templateDetails.xml file?|What is the purpose of the templateDetails.xml file?]] |
| − | + | * [[self:What is the purpose of the index.php file?|What is the purpose of the index.php file?]] | |
| − | [[What is the purpose of the templateDetails.xml file?|What is the purpose of the templateDetails.xml file?]] | + | |
| − | + | ||
| − | [[What is the purpose of the index.php file?|What is the purpose of the index.php file?]] | + | |
= Upgrading a Joomla! 1.0.x template = | = Upgrading a Joomla! 1.0.x template = | ||
| + | * [[New features introduced in Joomla! 1.5 templates|New features introduced in Joomla! 1.5 templates]] | ||
| + | * [[Legacy mode|Legacy mode]] | ||
| + | * [[Upgrading your template index file|Upgrading your index.php file]] | ||
| + | * [[Upgrading your templateDetails.xml file|Upgrading your templateDetails.xml file]] | ||
| + | * [[Changes to CSS classes|Changes to CSS classes]] | ||
| + | * [[Replacing patTemplate|Replacing patTemplate]] | ||
| − | [[ | + | = Customising the default Joomla! templates = |
| − | + | * [[Pros and cons of table layout]] | |
| − | [[ | + | * [[Understanding the Milky Way template]] |
| − | + | * [[Understanding the Beez template]] | |
| − | [[ | + | * [[Understanding the JA_Purity template]] |
| − | + | * [[Customising the Milky Way template]] | |
| − | [[ | + | * [[Customising the Beez template]] |
| − | + | * [[Customising the JA_Purity template]] | |
| − | [[ | + | * [[Troubleshooting modified templates]] |
| − | + | * [[What to avoid when modifying a template]] | |
| − | [[ | + | |
| − | + | ||
| − | + | ||
| − | * [[ | + | |
| − | + | ||
| − | + | ||
= Creating a basic Joomla! template = | = Creating a basic Joomla! template = | ||
| − | [[ | + | * [[Setting up a directory structure]] |
| − | + | * [[Verifying permissions]] | |
| − | [[ | + | * [[How to edit the files]] |
| − | + | * [[Creating a basic templateDetails.xml file]] | |
| − | [[ | + | * [[Creating a basic index file|Creating a basic index.php file]] |
| − | + | * [[Testing the template]] | |
| − | [[Creating a basic index | + | |
| − | + | ||
| − | [[ | + | |
= More advanced Joomla! templates = | = More advanced Joomla! templates = | ||
| − | [[Quirks mode and how to avoid it|Quirks mode and how to avoid it]] | + | * [[Quirks mode and how to avoid it|Quirks mode and how to avoid it]] |
| − | + | * [[Which DocType header to use|Which DocType header to use]] | |
| − | [[Which DocType header to use|Which DocType header to use]] | + | * [[Setting up page width|Setting up page width]] |
| − | + | * [[About CSS page layouts|About CSS page layouts]] | |
| − | [[Setting up page width|Setting up page width]] | + | * [[Source ordering|Source ordering]] |
| − | + | * [[Horizontal and vertical centering]] | |
| − | [[About CSS page layouts|About CSS page layouts]] | + | * [[PHP essentials|PHP essentials]] (eg. echo, if-then-else) |
| − | + | * [[Adding images|Adding images]] | |
| − | [[Source ordering|Source ordering]] | + | * [[Changing image paths of default system images]] |
| − | + | * [[Declaring module positions|Declaring module positions]] | |
| − | [[Horizontal | + | * [[Finding module positions on any given page|Finding module positions on any given page]] |
| − | + | * [[Changing the site favicon|Changing the site favicon]] | |
| − | [[PHP essentials|PHP essentials]] (eg. echo, if-then-else) | + | |
| − | + | ||
| − | [[Adding images|Adding images]] | + | |
| − | + | ||
| − | [[Declaring module positions|Declaring module positions]] | + | |
| − | + | ||
| − | [[Finding module positions on any given page|Finding module positions on any given page]] | + | |
| − | + | ||
| − | [[Changing the site favicon|Changing the site favicon]] | + | |
= Cascading Style Sheets (CSS) = | = Cascading Style Sheets (CSS) = | ||
| − | [[Where to put CSS files|Where to put CSS files]] | + | * [[Where to put CSS files|Where to put CSS files]] |
| − | + | * [[Using multiple CSS files]] | |
| − | [[List of core CSS classes with explanations | + | * [[List of Joomla! generated core CSS classes]] (with explanations) |
| − | + | * [[Suggested CSS methods to introduce new declarations or alter generated ones]] | |
| − | [[Page class suffixes|Page class suffixes]] | + | * [[Page class suffixes|Page class suffixes]] |
| − | + | * [[Module class suffixes|Module class suffixes]] | |
| − | [[Module class suffixes|Module class suffixes]] | + | * [[Supporting multiple browsers]] |
= More on Joomla! modules = | = More on Joomla! modules = | ||
| − | [[Counting modules in a given module position|Counting modules in a given module position]] | + | * [[Counting modules in a given module position|Counting modules in a given module position]] |
| − | + | * [[Counting modules in multiple module positions|Counting modules in multiple module positions]] | |
| − | [[Counting modules in multiple module positions|Counting modules in multiple module positions]] | + | * [[Collapsing columns|Collapsing columns]] |
| − | + | * [[Creating rounded corners|Creating rounded corners]] | |
| − | [[Collapsing columns|Collapsing columns]] | + | * [[What is module chrome?|What is module chrome?]] |
| − | + | * [[Applying custom module chrome|Applying custom module chrome]] | |
| − | [[Creating rounded corners|Creating rounded corners]] | + | * [[Cascading module chrome styles|Cascading module chrome styles]] |
| − | + | ||
| − | [[What is module chrome?|What is module chrome?]] | + | |
| − | + | ||
| − | [[Applying custom module chrome|Applying custom module chrome]] | + | |
| − | [[ | + | =Web Standards= |
| + | * [[What are web standards?]] | ||
| + | * [[Why follow web standards?]] | ||
| + | * [[Considering future browsers and new devices]] | ||
| + | * [[Considering backwards compatibility]] | ||
| + | * [[Web standards resources]] | ||
= Web content accessibility = | = Web content accessibility = | ||
| − | [[Introduction to web content accessibility|Introduction to web content accessibility]] | + | * [[Introduction to web content accessibility|Introduction to web content accessibility]] |
| − | + | * [[Section 508 and other laws about disability access]] | |
| − | [[Accessibility standards|Accessibility standards]] | + | * [[Accessibility standards|Accessibility standards]] |
| − | + | * [[Validating against accessibility standards|Validating against accessibility standards]] | |
| − | [[Validating against accessibility standards|Validating against accessibility standards]] | + | * [[Source ordering|Source ordering]] |
| − | + | ||
| − | [[Source ordering|Source ordering]] | + | |
= Template parameters = | = Template parameters = | ||
| − | [[ | + | * [[Introduction to template parameters]] |
| − | + | * [[Defining a parameter in templateDetails.xml]] | |
| − | [[ | + | * [[Standard parameter types]] |
| − | + | * [[Storing parameter values]] | |
| − | + | * [[Retrieving parameter data in a template file]] | |
| − | + | * [[Creating custom XML parameter types]] | |
| − | [[Retrieving parameter data in a template file | + | * [[Regular expressions in parameter arguments]] |
= Fonts and typography = | = Fonts and typography = | ||
| − | [[Font families|Font families]] | + | * [[Font families|Font families]] |
| − | + | * [[Font metrics|Font metrics]] | |
| − | [[Font metrics|Font metrics]] | + | * [[Text resizing|Text resizing]] |
| − | + | ||
| − | [[Text resizing|Text resizing]] | + | |
= Template overrides = | = Template overrides = | ||
| − | [[How to override the output from the Joomla! core|How to override the output from the Joomla! core]] | + | * [[How to override the output from the Joomla! core|How to override the output from the Joomla! core]] |
= Template translations = | = Template translations = | ||
| − | [[ | + | * [[Introduction to template translation]] |
| − | + | * [[Location of template language definition files]] | |
| − | [[ | + | * [[Creating a language definition file]] |
| − | + | * [[Amending the templateDetails.xml file]] | |
| − | [[Embedding translatable strings in the template | + | * [[Embedding translatable strings in the template]] |
| + | * [[Formatted fields in language translation strings]] | ||
| + | * [[Debugging a translation]] | ||
= Distributing Joomla! templates = | = Distributing Joomla! templates = | ||
| − | [[How to choose a suitable license|How to choose a suitable license]] | + | * [[How to choose a suitable license|How to choose a suitable license]] |
| − | + | * [[How does template installation work?|How does template installation work?]] | |
| − | [[How does template installation work?|How does template installation work?]] | + | * [[File structure for packaging|File structure for packaging]] |
| − | + | * [[Creating a thumbnail preview image|Creating a thumbnail preview image]] | |
| − | [[File structure for packaging|File structure for packaging]] | + | * [[Packaging the template|Packaging the template]] |
| − | + | ||
| − | [[Creating a thumbnail preview image|Creating a thumbnail preview image]] | + | |
| − | + | ||
| − | [[Packaging the template|Packaging the template]] | + | |
= Advanced topics = | = Advanced topics = | ||
| − | [[How are templates executed?|How are templates executed?]] | + | * [[How are templates executed?|How are templates executed?]] |
| − | + | * [[System error pages|System error pages]] | |
| − | [[System error pages|System error pages]] | + | * [[Custom error pages|Custom error pages]] |
| − | + | * [[Adding JavaScript|Adding JavaScript]] | |
| − | [[Custom error pages|Custom error pages]] | + | * [[Mootools JavaScript library]] |
| − | + | * [[Adding stylesheets for other output devices]] | |
| − | [[Adding JavaScript|Adding JavaScript]] | + | * [[Enhancing template performance|Enhancing template performance]] |
| − | + | * [[Administrator (back-end) templates|Administrator (back-end) templates]] | |
| − | [[Adding stylesheets for other output devices]] | + | |
| − | + | ||
| − | [[Enhancing template performance|Enhancing template performance]] | + | |
| − | + | ||
| − | [[Administrator (back-end) templates|Administrator (back-end) templates]] | + | |
= Appendix = | = Appendix = | ||
| − | [[What jdoc include types are available?|What jdoc:include types are available?]] | + | * [[What jdoc include types are available?|What jdoc:include types are available?]] |
| − | + | * [[Standard module chrome styles|Standard module chrome styles]] | |
| − | [[Standard module chrome styles|Standard module chrome styles]] | + | * [[Default CSS classes|Default CSS classes]] |
| − | + | * [[Configuration variables deprecated in Joomla! 1.5|Configuration variables deprecated in Joomla! 1.5]] | |
| − | [[Default CSS classes|Default CSS classes]] | + | * [[Where can you learn about HTML?]] |
| − | + | * [[Where can you learn about CSS?|Where can you learn about CSS?]] | |
| − | [[Configuration variables deprecated in Joomla! 1.5|Configuration variables deprecated in Joomla! 1.5]] | + | * [[Where can you learn about Javascript?]] |
| − | + | * [[Where can you learn about Mootools]] | |
| − | [[Where can you learn about HTML?|Where can you learn about | + | * [[Where can you learn about PHP]] |
| − | + | * [[Where can you learn about MySQL?]] | |
| − | [[Where can you learn about | + | * [[Where can you learn about server configuration]] |
| − | + | * [[Where can you learn about Unix?]] | |
| − | [[Operators for use with the countModules function|Operators for use with the countModules function]] | + | * [[Operators for use with the countModules function|Operators for use with the countModules function]] |
| − | + | * [[Objects methods and properties available from your template|Objects methods and properties available from your template]] | |
| − | [[Objects methods and properties available from your template|Objects methods and properties available from your template]] | + | * [[AJAX|AJAX]] |
| − | + | * [[Where to find diagnostic tools|Where to find diagnostic tools]] | |
| − | + | * [[Where to find design tools|Where to find design tools]] | |
| − | + | * [[Glossary|Glossary]] | |
| − | [[AJAX|AJAX]] | + | |
| − | + | ||
| − | [[Where to find diagnostic tools|Where to find diagnostic tools]] | + | |
| − | + | ||
| − | [[Where to find design tools|Where to find design tools]] | + | |
| − | + | ||
| − | [[Glossary|Glossary]] | + | |
[[Category:Templates]] | [[Category:Templates]] | ||
Revision as of 19:02, 29 January 2011
Suggested outline for the new template tutorials. This suggests a breakdown into numerous smaller tutorials.
Introduction to Joomla! templates
- What is the purpose of a template?
- What can you do with a template?
- Templates supplied with Joomla!
- How to switch templates
- How to install templates
Understanding Joomla! templates
- Where are templates located?
- What is the typical template directory structure?
- What is the purpose of the templateDetails.xml file?
- What is the purpose of the index.php file?
Upgrading a Joomla! 1.0.x template
- New features introduced in Joomla! 1.5 templates
- Legacy mode
- Upgrading your index.php file
- Upgrading your templateDetails.xml file
- Changes to CSS classes
- Replacing patTemplate
Customising the default Joomla! templates
- Pros and cons of table layout
- Understanding the Milky Way template
- Understanding the Beez template
- Understanding the JA_Purity template
- Customising the Milky Way template
- Customising the Beez template
- Customising the JA_Purity template
- Troubleshooting modified templates
- What to avoid when modifying a template
Creating a basic Joomla! template
- Setting up a directory structure
- Verifying permissions
- How to edit the files
- Creating a basic templateDetails.xml file
- Creating a basic index.php file
- Testing the template
More advanced Joomla! templates
- Quirks mode and how to avoid it
- Which DocType header to use
- Setting up page width
- About CSS page layouts
- Source ordering
- Horizontal and vertical centering
- PHP essentials (eg. echo, if-then-else)
- Adding images
- Changing image paths of default system images
- Declaring module positions
- Finding module positions on any given page
- Changing the site favicon
Cascading Style Sheets (CSS)
- Where to put CSS files
- Using multiple CSS files
- List of Joomla! generated core CSS classes (with explanations)
- Suggested CSS methods to introduce new declarations or alter generated ones
- Page class suffixes
- Module class suffixes
- Supporting multiple browsers
More on Joomla! modules
- Counting modules in a given module position
- Counting modules in multiple module positions
- Collapsing columns
- Creating rounded corners
- What is module chrome?
- Applying custom module chrome
- Cascading module chrome styles
Web Standards
- What are web standards?
- Why follow web standards?
- Considering future browsers and new devices
- Considering backwards compatibility
- Web standards resources
Web content accessibility
- Introduction to web content accessibility
- Section 508 and other laws about disability access
- Accessibility standards
- Validating against accessibility standards
- Source ordering
Template parameters
- Introduction to template parameters
- Defining a parameter in templateDetails.xml
- Standard parameter types
- Storing parameter values
- Retrieving parameter data in a template file
- Creating custom XML parameter types
- Regular expressions in parameter arguments
Fonts and typography
Template overrides
Template translations
- Introduction to template translation
- Location of template language definition files
- Creating a language definition file
- Amending the templateDetails.xml file
- Embedding translatable strings in the template
- Formatted fields in language translation strings
- Debugging a translation
Distributing Joomla! templates
- How to choose a suitable license
- How does template installation work?
- File structure for packaging
- Creating a thumbnail preview image
- Packaging the template
Advanced topics
- How are templates executed?
- System error pages
- Custom error pages
- Adding JavaScript
- Mootools JavaScript library
- Adding stylesheets for other output devices
- Enhancing template performance
- Administrator (back-end) templates
Appendix
- What jdoc:include types are available?
- Standard module chrome styles
- Default CSS classes
- Configuration variables deprecated in Joomla! 1.5
- Where can you learn about HTML?
- Where can you learn about CSS?
- Where can you learn about Javascript?
- Where can you learn about Mootools
- Where can you learn about PHP
- Where can you learn about MySQL?
- Where can you learn about server configuration
- Where can you learn about Unix?
- Operators for use with the countModules function
- Objects methods and properties available from your template
- AJAX
- Where to find diagnostic tools
- Where to find design tools
- Glossary
