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)
 
(6 intermediate revisions by one user not shown)
Line 1: Line 1:
{{browsebar|development}}
+
__TOC__
<div style="clear:both; width:100%">
+
{{/box-header-sq|<big>Introduction to {{PAGENAME}}</big>|{{FULLPAGENAME}}/Intro|}}
+
 
{{:{{FULLPAGENAME}}/Intro}}
 
{{:{{FULLPAGENAME}}/Intro}}
{{/box-footer|}}
+
<div class="large-7 column"> <!-- Switch to one column on narrow screens -->
 +
{{:{{FULLPAGENAME}}/FAQs}}
 
</div>
 
</div>
 
+
<div class="large-5 column panel radius" style="background:aliceblue;">
<div class="portal-column-left-wide">
+
<onlyinclude>{{:Portal:Template_Development/Reading list}}</onlyinclude>
{{/box-header-sq|Recommended Reading|{{FULLPAGENAME}}/Reading list|}}<onlyinclude>{{:Template Development/Reading list}}</onlyinclude>
+
{{/box-footer|}}
+
 
</div>
 
</div>
 
+
<div class="large-12 column panel radius">
<div class="portal-column-right-narrow"> <!-- Switch to one column on narrow screens -->
+
{{:{{FULLPAGENAME}}/Tutorials}}
{{/box-header-sq|FAQs|{{FULLPAGENAME}}/FAQs|}}
+
{{:{{FULLPAGENAME}}/FAQs}}<small>{{/box-footer|''More general template information? See [[Web_designers#FAQs|Web Designers FAQs]]}}</small>
+
 
</div>
 
</div>
 +
{{-}}
  
<div style="clear:both; width:100%">
 
  
{{/box-header-sq|Template Development Tutorials|{{FULLPAGENAME}}/Tutorials|}}
+
 
{{:{{FULLPAGENAME}}/Tutorials}}
+
<noinclude>[[Category:Development]]  
{{/box-footer|}}
+
[[Category:Template Development]]
</div>
+
</noinclude>
__NOTOC__ __NOEDITSECTION__
+
<noinclude>[[Category:Development]][[Category:Templates]]</noinclude>
+

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