From Joomla! Documentation

Revision as of 10:36, 19 January 2008 by CirTap (Talk | contribs)

This Page Needs Your Help

This page is tagged because it NEEDS REVIEW. You can help the Joomla! Documentation Wiki by contributing to it.
More pages that need help similar to this one are here. NOTE-If you feel the need is satistified, please remove this notice.


Screen templates 15.png

The visual experience of your site front-end and back-end can be controlled in the Template Manager by choosing an installed template. A default template is used on all pages, but different templates can be assigned to various pages. The Template Manager also provides editing capabilities for the main index file of the template and the style sheet (CSS) file.

Version Changes

In Joomla! 1.0.x the Template Manager was available from Site -> Template Manager -> Site Templates and Administrator Templates menu item. The parameters of a Joomla! 1.0 template were hardcoded, but the parameters of a Joomla! 1.5 template can be configured easily on the Template [Edit] screen.

In Joomla! 1.5 a template is a type of extensions, so the Template Manager was moved to the Extensions menu.

In Joomla! 1.0 you could have a look at the available template positions by clicking the Site -> Preview -> Inline with Positions menu item. In Joomla! 1.5 you are searching for this menu item in vain. Please click the Preview toolbar button on the Template [Edit] screen instead.

Column Headers

Template:Help screen column header Number

Template:Help screen column header Template name

Template:Help screen column header Default

Template:Help screen column header Assigned

Template:Help screen column header Version

Template:Help screen column header Date

Template:Help screen column header Author

Typical Usage

Template Manager can be opened from Extensions -> Template Manager menu item. The installed front-end templates are listed on the Site tab while the back-end templates are available by switching to the Administrator tab.

If you hover over the name of the template, a thumbnail image of that template is displayed. Clicking on the template name will present the template configuration screen, which provides all the basic details of the template. Parameters available for configuration appear in the Parameters pane.

Screen templates edit 15.png

Clicking the Edit HTML button will display the basic text editor, which was designed to allow minor adjustments.

Screen templates edit html 15.png

If you click on the Edit CSS button on the template screen, the text editor will be displayed with the style sheet file of the template. For a template with multiple style sheets, you can select which one to edit.

Screen templates edit css 15.png

If you are curious about the available module positions, click the Preview button on the toolbar and the site front-end will be loaded showing you the available positions.

Screen templates preview 15.png

Quick Tips

You can switch between the already installed templates for the Site and the Administrator by selecting the desired template and clicking on the Default toolbar icon on the upper right part of the screen.

Points to Watch

Important: Do not delete the default template files using FTP because it issues in error both frontend and backend!

Before editing the HTML and the CSS file of the template, it is a good idea to make a backup of the file you are editing.


The templates listed in the Template Manager can be installed in the Extension Manager from Extensions -> Install/Uninstall menu item. The unnecessary templates can be removed on the Templates tab of the Extension Manager. Only those templates that may be uninstalled are displayed as accessible, the default templates (site and administrator) cannot be removed.