Portal:Template Development
From Joomla! Documentation
This page contains many links to selected documentation concerning Template Development for 
and 
. A good place to start is with the Recommending Reading articles below as they provide a good introductory base of knowledge to build on.
A template is a type of Joomla! extension that changes the way your site looks. There are two types of templates used by the Joomla! CMS: Front-end Templates and Back-end Templates. The Front-end Template controls the way your website is presented to the user viewing the website's content. The Back-end Template controls the way your website's administrative tasks are presented for controlling management functions by a Joomla! Administrator. These would include common tasks such as: user, menu, article, category, module, component, plugin and template management.
Recommended Reading
Our template development documentation contains many articles, FAQs and tutorials. A first step to developing a template is understanding how templates are executed.
Beginners
- Changing the site favicon
- Using Firebug With Your Joomla Website
- Using Joomla's Default Icomoon Fonts
Intermediate
- jdoc statements
- How to cloak email addresses
- Understanding Output Overrides
- Layout Overrides in Joomla!
- Creating clickable background images using CSS
- Using Class Suffixes
FAQ
List of all articles belonging to the categories "FAQ" AND "Template Development"
- Extensions GPL notices
- Extensions distribution
- Extensions name
- How do you change the favicon?
- How do you change the images in your template?
- How do you list your extension in the extensions site?
- How to add a span element to menu entries
- Template FAQ
Template Development Tutorials
Template Developer Tutorials
- Add text to an article using template overrides
- Adding custom fields to core components using a plugin
- Adding JavaScript
- Adding stylesheets for other output devices
- Advanced topics
- Amending the templateDetails.xml file
- Changing the site favicon
- Collapsing columns
- Converting A Previous Joomla! Version Template
- Counting modules in a given module position
- Creating a basic index file
- Creating a basic Joomla! template
- Creating a basic templateDetails.xml file
- Creating a thumbnail preview image
- Creating clickable background images using CSS
- Custom error pages
- Customising the dynamic page title
- Customising the way modules are displayed
- Declaring module positions
- Discover your template css-styles and learn how to change them
- Distributing Joomla! templates
- Extension Installer
- File structure for packaging
- Getting Started with Templates
- Giving the Front Page a different style from other pages
- Hide column to avoid width issues
- Horizontal centering
- How do you change the images in your template?
- How to override the output from the Joomla! core
- Installing a template
- JDocumentHTML/countModules
- Making templates translatable
- Modifying a Joomla! Template
- More advanced Joomla! templates
- Sharing layouts across views or extensions with JLayout
- Switching templates
- Templates supplied with Joomla!
- Migrating a Template from Joomla 1.5 to 3.x
- Understanding Joomla! templates
- Upgrading a Joomla 1.5 template to Joomla 2.5
- Using Class Suffixes