Actions

Difference between revisions of "What can you do with a template?"

From Joomla! Documentation

m
 
m (Color Scheme: section update)
(10 intermediate revisions by 7 users not shown)
Line 1: Line 1:
A template is used to manipulate the way content is delivered to a web browser or screen reader.  Here are some key examples of how a template is used to manipulate your site's content.
+
A template is used to manipulate the way content is delivered to a web browser or screen reader.  Here are some ways you can employ this on your Joomla!-powered site.
 +
[[File:J3x-template-example-module-changes-screenshot.png|right|thumb|450px|Note the changes in content layout!]]
 +
=== Layout ===
 +
The template is the place where the design of the main layout is set for your site.  This includes where you place different elements (components, modules, and plugins), which are responsible for different types of content. For example:
 +
The various menus (you can chose from existing options and create your own), advertising banners, polls, etc. The main body([[article]]) of the page can be altered in style(you can select from different styles such as typical blog layout, a news article, etc) depending on the templates module layout. '''''<sup>*</sup>See the example image to the right and note the differences in layout, but the look is consistent. The modules have been moved from left to right and rearranged.'''''
  
'''Layout'''
+
If the template is designed to provide choices, you can also "dynamically" alter the content placement on your site, perhaps putting the main menu on the right or left side of the screen.
 +
=== Color Scheme ===
 +
Using CSS within the template design, you can change the colors of your backgrounds, text, links or just about anything that you could within your ordinary (X)HTML code. Some templates provide a method to change the color in template management, others require you to modify the template's .css file(s).
  
The template is the place where the design of the main layout is set for your site.  This includes both where you place different elements (components, modules, and plugins), some examples of which are as follows.
+
=== Images and Effects ===
#The various menus (you can chose from existing options and create your own)
+
You can also control the way images are displayed on the page, and even create flash-like effects or include [http://en.wikipedia.org/wiki/AJAX AJAX] applications such as drop-down menus.
#Advertising banners
+
=== Fonts ===
#Poll's
+
The same applies to fonts.  The designs for these are all set within the template's CSS file(s) to create a uniform look across your entire site, which makes it fantastically easy to change the whole look just by altering one or two files rather than every single page.
#The main body of the page (you can select from different styles such as typical blog layout, a news article etc..)
+
=== Browser Specific Solutions ===
 
+
A template can be designed to alter how it displays on different web browsers, allowing you to take full advantage of the latest developments without making your site inaccessible to those who are not able to run "up-to-the-minute" system upgrades (such as certain companies who limit what software their employees can use).
If the template is designed for provide choices, you can also "dynamically" alter the placement OF content on your site, such as whether to put the main menu on the right or left side of the screen.
+
<noinclude>[[Category:Templates]]
 
+
[[Category:Template FAQ]]
'''Color scheme'''
+
[[Category:Getting Started FAQ]]
 
+
[[Category:Template Management]]
Using CSS within the template design, you can change the colors of your backgrounds, text, links or just about anything that you could within your ordinary (x)html code. 
+
</noinclude>
 
+
'''Images and effects'''
+
 
+
You can also affect the way images are displayed on the page in various ways, as well as more sophisticated tasks such as creating flash-like effects or creating Ajax applications such as drop-down menus.
+
 
+
'''Fonts'''
+
 
+
The same applies to fonts.  The designs for these are all set within the template's CSS file(s) to create a uniform look across the whole of your site, which makes it fantastically easy to change the whole look just by altering one or two files rather than every single page.
+
 
+
'''Browser specific solutions'''
+
 
+
A template can be designed to alter how it displays on different web browser to take full advantage of latest developments without making your site inaccessible to those who are not able to run "up-to-the-minute" system upgrades (such as certain companies who limit what software their employees can use).
+
[[Category:Templates]]
+

Revision as of 10:28, 20 July 2013

A template is used to manipulate the way content is delivered to a web browser or screen reader. Here are some ways you can employ this on your Joomla!-powered site.

Note the changes in content layout!

Contents

Layout

The template is the place where the design of the main layout is set for your site. This includes where you place different elements (components, modules, and plugins), which are responsible for different types of content. For example: The various menus (you can chose from existing options and create your own), advertising banners, polls, etc. The main body(article) of the page can be altered in style(you can select from different styles such as typical blog layout, a news article, etc) depending on the templates module layout. *See the example image to the right and note the differences in layout, but the look is consistent. The modules have been moved from left to right and rearranged.

If the template is designed to provide choices, you can also "dynamically" alter the content placement on your site, perhaps putting the main menu on the right or left side of the screen.

Color Scheme

Using CSS within the template design, you can change the colors of your backgrounds, text, links or just about anything that you could within your ordinary (X)HTML code. Some templates provide a method to change the color in template management, others require you to modify the template's .css file(s).

Images and Effects

You can also control the way images are displayed on the page, and even create flash-like effects or include AJAX applications such as drop-down menus.

Fonts

The same applies to fonts. The designs for these are all set within the template's CSS file(s) to create a uniform look across your entire site, which makes it fantastically easy to change the whole look just by altering one or two files rather than every single page.

Browser Specific Solutions

A template can be designed to alter how it displays on different web browsers, allowing you to take full advantage of the latest developments without making your site inaccessible to those who are not able to run "up-to-the-minute" system upgrades (such as certain companies who limit what software their employees can use).