Help15

Difference between revisions of "Screen.templates.15"

From Joomla! Documentation

Line 65: Line 65:
  
 
'''Parameters'''
 
'''Parameters'''
 +
 
Some Templates have parameters that allow you to change the way the web site will look. For example, the default rhuk_milkyway template allows you to choose a foreground color, a background color, and different Template widths. Other Templates may have different or no parameters.
 
Some Templates have parameters that allow you to change the way the web site will look. For example, the default rhuk_milkyway template allows you to choose a foreground color, a background color, and different Template widths. Other Templates may have different or no parameters.
  

Revision as of 16:10, 25 June 2008

Documentation all together tranparent small.png
Under Construction

This article or section is in the process of an expansion or major restructuring. You are welcome to assist in its construction by editing it as well. If this article or section has not been edited in several days, please remove this template.
This article was last edited by Dextercowley (talk| contribs) 15 years ago. (Purge)

How to Access[edit]

Select Extensions → Template Manager from the drop-down menu on the back-end of your Joomla! installation.

Description[edit]

The Template Manager is where you assign a default Template to your Joomla! web site. You can also edit and preview Templates here.

In Joomla!, the visual layout of both the Front-end and Back-end of your site is controlled by the Template. Templates are extensions that contain layout and style information that tells Joomla! exactly how to draw each page of your site.

When you first install Joomla!, one Back-end Template and two Front-end templates are included. Other Templates can be installed from third-party developers as Extensions.

If you want to use the same Template for all of the pages on your site, you just assign one Template as the Default Template. You can also assign different Templates to different pages.

Screenshot[edit]

Template manager.png

Column Headers[edit]

  • #. An indexing number automatically assigned by Joomla! for ease of reference.
  • Template Name. The name given to each Template by the Template author. Click the Name to open the Template for editing. If you hover the mouse over the Template Name, a small preview for the Template displays in a pop-up window. The Template Name normally corresponds to the sub-directory name that contains the Template in the <path-to-Joomla!>/templates/ directory. For example, the files for the "rhuk_milkyway" Template are in the directory "<path-to-Joomla!>/templates/rhuk_milkyway".
  • Default. Indicator of Default Template.
  • Assigned. Shows whether this Template has been assigned to any specific menu items. To assign a template to menu items, open the Template for editing.
  • Version. The version number of the Extension.
  • Date. The date this extension was released.
  • Author. The author of this extension.

Toolbar[edit]

At the top right you will see the toolbar:

Template manager toolbar.png

  • Default. Select the Template that you want to be the default Template. Then click this button. The default star symbol will show in the Default column, indicating that this is now the default Template.
  • Edit. Select one item and click on this button to open it in edit mode. If you have more than one item selected (where applicable), the first item will be opened. You can also open an item for editing by clicking on its Title or Name. See the section below called Template - Edit for information on the edit screen.
  • Help. Opens this Help Screen.

Site and Administrator Links[edit]

At the top left, above the columns, you will see two links as shown below:

Template manager links.png

  • Site. Shows the Templates available for the Front end of the web site.
  • Administrator. Shows the Templates available for the Back end of the web site. These Templates will control the appearance of the administrator portion of the site.

Quick Tips[edit]

  • Important: Do not delete the default template files using FTP because it generates an error both front-end and back-end!
  • 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 Preview will only display positions that contain published modules. To make sure you can see all positions defined in the template, you can create custom modules for them.
  • You cannot assign the default template to specific Menu Items. This is because it is already assigned to all Menu Items by default.

Related Information[edit]

Template - Edit[edit]

Description[edit]

This is where you can preview, edit, and set parameters for a Joomla! Template.

Screenshot[edit]

Template edit.png

Details[edit]

  • Name. The Template Name. No entry is allowed.
  • Description. A description of the Template. No entry is allowed.
  • Menus. If the Template is not the default Template, you can assign it to specific Menu Items. To select multiple Menu Items,hold down the Ctrl key while clicking with the mouse.

Parameters

Some Templates have parameters that allow you to change the way the web site will look. For example, the default rhuk_milkyway template allows you to choose a foreground color, a background color, and different Template widths. Other Templates may have different or no parameters.

Toolbar[edit]

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.

File:Screen templates edit 15.png

Template HTML Editor[edit]

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

File:Screen templates edit html 15.png

Template CSS Editor[edit]

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.

File:Screen templates edit css 15.png

Template Site Preview[edit]

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.

File:Screen templates preview 15.png

Note: The preview of an administrator template does not show you the administrator module positions.