Actions

Portal

Difference between revisions of "Template Development"

From Joomla! Documentation

(Added "Recommended Reading" items from Web designers)
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
== Recommended Reading ==
+
__TOC__
<onlyinclude>
+
{{:{{FULLPAGENAME}}/Intro}}
* [[Accessibility]]
+
<div class="large-7 column"> <!-- Switch to one column on narrow screens -->
* [[Beez]] - an accessible default template
+
{{:{{FULLPAGENAME}}/FAQs}}
* [[Creating clickable background images using CSS]]
+
</div>
* The [[Joomla! 1.5 Template Tutorial]] is a work in progress. If you would like to help out with it, please take a look at the [[JDOC:Joomla! 1.5 Template Tutorials Project|main project page]] and the [[JDOC:Joomla! 1.5 Template Tutorials Project/Outline|Outline for Template Tutorials]].
+
<div class="large-5 column panel radius" style="background:aliceblue;">
* Jim Yuzwalk has contributed a useful [http://help.joomla.org/files/JJYs_Joomla_Template_Design_Tutorial-2010_08_26.pdf introduction to Joomla templates] (download the example template from [http://help.joomla.org/files/JJYs_Example_Joomla_Template_2010_05_07.zip here]).
+
<onlyinclude>{{:Portal:Template_Development/Reading list}}</onlyinclude>
* [[Changing the site favicon]]
+
</div>
* [[Using Class Suffixes]]
+
<div class="large-12 column panel radius">
* [[Using Firebug With Your Joomla Website]]
+
{{:{{FULLPAGENAME}}/Tutorials}}
* [[Understanding Output Overrides]]
+
</div>
* [[Creating custom template parameter types]]
+
{{-}}
* [[How are templates executed?]]
+
* [[How to determine if the user is viewing the front page]]
+
* [[Template parameters]]
+
* [[jdoc statements]]
+
* Find answers to questions about templates in the [[:Category:Template FAQ|Template FAQ]] category
+
</onlyinclude>
+
== Tutorials ==
+
<small>List of all articles belonging to the categories "Tutorials" AND "Template Development"</small>
+
<DPL>
+
noresultsheader=\n 
+
category=Tutorials
+
category=Template Development|Templates
+
</DPL>
+
  
==FAQ==
+
 
<small>List of all articles belonging to the categories "FAQ" AND "Template Development"</small>
+
 
<DPL>
+
<noinclude>[[Category:Development]]
noresultsheader=\n 
+
[[Category:Template Development]]
category=FAQ
+
</noinclude>
category=Template Development|Templates
+
</DPL>
+

Latest revision as of 14:06, 8 October 2013

Contents

This page contains many links to selected documentation concerning Template Development for Joomla 2.5 and Joomla 3.x. A good place to start is with the Recommending Reading articles below as they provide a good introductory base of knowledge to build on.

Tip-icon.png
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. See also: Component, Module, Plugin

As a developer, you are probably are more interested in how to create a Front-End Template.

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

Intermediate

Historical

Template Developer Tutorials