Difference between revisions of "Template Development"
From Joomla! Documentation
m (linebreak removal) |
m (NOTOC) |
||
| (25 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | <noinclude><languages /></noinclude> | |
| − | < | + | {{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=5x|text-color=#333|title=<translate><!--T:20--> |
| − | {{ | + | Template Development</translate>}} |
| − | {{: | + | {{:Portal:Template Development/Intro/<translate><!--T:21--> |
| − | {{/ | + | en</translate>}} |
| + | <div class="large-6 column"> | ||
| + | {{section portal heading|icon=book|title=<translate><!--T:22--> | ||
| + | Recommended Reading</translate>}}{{:Portal:Template_Development/Reading list/<translate><!--T:19--> | ||
| + | en</translate>}} | ||
</div> | </div> | ||
| − | + | <div class="large-6 column"> | |
| − | <div class=" | + | {{section portal heading|icon=question|title=<translate><!--T:23--> |
| − | {{ | + | FAQ</translate>}}{{:Portal:Template Development/FAQs/<translate><!--T:24--> |
| − | + | en</translate>}} | |
</div> | </div> | ||
| − | + | {{-}} | |
| − | <div class=" | + | <div class="large-12 column">{{section portal heading|icon=magic|title=<translate><!--T:25--> |
| − | + | Template Development Tutorials</translate>}}{{:Portal:Template Development/Tutorials/<translate><!--T:26--> | |
| − | {{: | + | en</translate>}} |
| − | + | __NOTOC__ | |
| − | < | + | <noinclude> |
| − | + | <translate> | |
| − | < | + | <!--T:2--> |
| − | + | [[Category:Development]] | |
| − | + | [[Category:Template Development]] | |
| − | + | </translate> | |
| − | + | </noinclude> | |
| − | < | ||
| − | |||
| − | < | ||
Latest revision as of 07:27, 2 June 2015
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.
Our template development documentation contains many articles, FAQs and tutorials. A first step to developing a template is understanding how templates are executed.
Beginners[edit]
- Changing the site favicon
- Using Firebug With Your Joomla Website
- Using Joomla's Default Icomoon Fonts
Intermediate[edit]
- jdoc statements
- How to cloak email addresses
- Understanding Output Overrides
- Layout Overrides in Joomla!
- Creating clickable background images using CSS
- Using Class Suffixes
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 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