Difference between revisions of "Template Development"
From Joomla! Documentation
m (Style changed) |
m (NOTOC) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
| − | {{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=5x|text-color=#333|title=<translate>Template Development</translate>}} | + | {{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=5x|text-color=#333|title=<translate><!--T:20--> |
| − | {{:Portal:Template Development/Intro/<translate>en</translate>}} | + | Template Development</translate>}} |
| + | {{:Portal:Template Development/Intro/<translate><!--T:21--> | ||
| + | en</translate>}} | ||
<div class="large-6 column"> | <div class="large-6 column"> | ||
| − | {{section portal heading|icon=book|title=<translate>Recommended Reading</translate>}}{{:Portal:Template_Development/Reading list/<translate><!--T:19--> | + | {{section portal heading|icon=book|title=<translate><!--T:22--> |
| + | Recommended Reading</translate>}}{{:Portal:Template_Development/Reading list/<translate><!--T:19--> | ||
en</translate>}} | en</translate>}} | ||
</div> | </div> | ||
<div class="large-6 column"> | <div class="large-6 column"> | ||
| − | {{section portal heading|icon=question|title=<translate>FAQ</translate>}}{{:Portal:Template Development/FAQs/<translate>en</translate>}} | + | {{section portal heading|icon=question|title=<translate><!--T:23--> |
| + | FAQ</translate>}}{{:Portal:Template Development/FAQs/<translate><!--T:24--> | ||
| + | en</translate>}} | ||
</div> | </div> | ||
| − | + | {{-}} | |
| − | + | <div class="large-12 column">{{section portal heading|icon=magic|title=<translate><!--T:25--> | |
| − | <div | + | Template Development Tutorials</translate>}}{{:Portal:Template Development/Tutorials/<translate><!--T:26--> |
| − | {{ | ||
| − | Template Development Tutorials</translate> | ||
| − | |||
| − | {{:Portal:Template Development/Tutorials/<translate><!--T: | ||
en</translate>}} | en</translate>}} | ||
| − | + | __NOTOC__ | |
| − | |||
| − | |||
<noinclude> | <noinclude> | ||
<translate> | <translate> | ||
| Line 25: | Line 24: | ||
[[Category:Development]] | [[Category:Development]] | ||
[[Category:Template Development]] | [[Category:Template Development]] | ||
| − | |||
</translate> | </translate> | ||
</noinclude> | </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.
What's a Joomla! Template?
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