Actions

Portal

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:
{{browsebar|development}}
+
<noinclude><languages /></noinclude>
<div style="clear:both; width:100%">
+
{{Top portal heading|color=white-bkgd|icon=list-alt|icon-color=#5091cd|size=5x|text-color=#333|title=<translate><!--T:20-->
{{/box-header-sq|<big>Introduction to {{PAGENAME}}</big>|{{FULLPAGENAME}}/Intro|}}
+
Template Development</translate>}}
{{:{{FULLPAGENAME}}/Intro}}
+
{{:Portal:Template Development/Intro/<translate><!--T:21-->
{{/box-footer|}}
+
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="portal-column-left-wide">
+
{{section portal heading|icon=question|title=<translate><!--T:23-->
{{/box-header-sq|Recommended Reading|{{FULLPAGENAME}}/Reading list|}}<onlyinclude>{{:Template Development/Reading list}}</onlyinclude>
+
FAQ</translate>}}{{:Portal:Template Development/FAQs/<translate><!--T:24-->
{{/box-footer|}}
+
en</translate>}}
 
</div>
 
</div>
 
+
{{-}}
<div class="portal-column-right-narrow"> <!-- Switch to one column on narrow screens -->
+
<div class="large-12 column">{{section portal heading|icon=magic|title=<translate><!--T:25-->
{{/box-header-sq|FAQs|{{FULLPAGENAME}}/FAQs|}}
+
Template Development Tutorials</translate>}}{{:Portal:Template Development/Tutorials/<translate><!--T:26-->
{{:{{FULLPAGENAME}}/FAQs}}
+
en</translate>}}
{{/box-footer|}}
+
__NOTOC__
</div>
+
<noinclude>
 
+
<translate>
<div style="clear:both; width:100%">
+
<!--T:2-->
 
+
[[Category:Development]]  
{{/box-header-sq|Template Development Tutorials|{{FULLPAGENAME}}/Tutorials|}}
+
[[Category:Template Development]]
{{:{{FULLPAGENAME}}/Tutorials}}
+
</translate>
{{/box-footer|}}
+
</noinclude>
</div>
+
__NOTOC__ __NOEDITSECTION__
+
<noinclude>[[Category:Development]][[Category:Templates]]</noinclude>
+

Latest revision as of 07:27, 2 June 2015

Other languages:
English • ‎français • ‎Nederlands
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.

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