Actions

Portal

Difference between revisions of "Template Development"

From Joomla! Documentation

m (chaning link to Web_designers#FAQs since it is a list of Template FAQ category articles)
(Marked this version for translation)
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{browsebar|development}}
+
<noinclude><languages /></noinclude>
 +
 
 +
 
 
<div style="clear:both; width:100%">
 
<div style="clear:both; width:100%">
{{/box-header-sq|<big>Introduction to {{PAGENAME}}</big>|{{FULLPAGENAME}}/Intro|}}
+
{{Portal:Template_Management/box-header-sq|<big><translate>
{{:{{FULLPAGENAME}}/Intro}}
+
<!--T:3-->
{{/box-footer|}}
+
Introduction to Template Development</translate></big>|Portal:Template Development/Intro/<translate><!--T:4-->
 +
en</translate>|}}
 +
{{:Portal:Template Development/Intro/<translate><!--T:5-->
 +
en</translate>}}
 +
{{Portal:Template_Development/box-footer|}}
 
</div>
 
</div>
  
<div class="portal-column-left-wide">
+
<div class="portal-column-left">
{{/box-header-sq|Recommended Reading|{{FULLPAGENAME}}/Reading list|}}<onlyinclude>{{:Template Development/Reading list}}</onlyinclude>
+
{{Portal:Template_Management/box-header-sq|<translate><!--T:6-->
{{/box-footer|}}
+
Template Development FAQs</translate>|Portal:Template Development/FAQs/<translate><!--T:7-->
 +
en</translate>|}}
 +
{{:Portal:Template Development/FAQs/<translate><!--T:8-->
 +
en</translate>}}
 +
{{Portal:Template_Management/box-footer|}}
 
</div>
 
</div>
  
<div class="portal-column-right-narrow"> <!-- Switch to one column on narrow screens -->
+
<div class="portal-column-right"><!-- Switch to one column on narrow screens -->
{{/box-header-sq|FAQs|{{FULLPAGENAME}}/FAQs|}}
+
{{Portal:Template_Management/box-header-sq|<translate><!--T:9-->
{{:{{FULLPAGENAME}}/FAQs}}<small>{{/box-footer|''More general template information? See [[Web_designers#FAQs|Web Designers FAQs]]}}</small>
+
Recommended Reading</translate>|Portal:Template_Development/Reading list|}}
 +
{{:Portal:Template_Development/Reading list/<translate><!--T:10-->
 +
en</translate>}}
 +
{{Portal:Template_Management/box-footer|}}
 
</div>
 
</div>
  
 
<div style="clear:both; width:100%">
 
<div style="clear:both; width:100%">
 
+
{{Portal:Template_Management/box-header-sq|<big><translate><!--T:11-->
{{/box-header-sq|Template Development Tutorials|{{FULLPAGENAME}}/Tutorials|}}
+
Template Development Tutorials</translate></big>|Portal:Template Development/Tutorials/<translate><!--T:12-->
{{:{{FULLPAGENAME}}/Tutorials}}
+
en</translate>|}}
{{/box-footer|}}
+
{{:Portal:Template Development/Tutorials/<translate><!--T:13-->
 +
en</translate>}}
 +
{{Portal:Template_Development/box-footer|}}
 
</div>
 
</div>
__NOTOC__ __NOEDITSECTION__
+
 
<noinclude>[[Category:Development]][[Category:Templates]]</noinclude>
+
<noinclude>
 +
<translate>
 +
<!--T:2-->
 +
[[Category:Development]]  
 +
[[Category:Template Development]]
 +
</translate>
 +
</noinclude>

Latest revision as of 10:30, 21 May 2015

Other languages:
English • ‎français • ‎Nederlands


Introduction to Template Development


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


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


Template Development Tutorials


Template Developer Tutorials