Actions

Help34

Difference between revisions of "Extensions Template Manager Styles"

From Joomla! Documentation

m (1 revision: Initial import of 3.0 help screens (derived from 2.5 help screens))
m (3.4 cathelp added)
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Overview ==
+
<noinclude><languages /></noinclude>
This screen is accessed from the back-end Joomla! administrator panel. It is used to manage templates in your Joomla! website.
+
{{:J3.x:Switching_templates/<translate><!--T:2-->
 
+
en</translate>}}
==How to access==
+
<noinclude>{{cathelp|3.0,3.1,3.2,3.3,3.4|Template Manager Help Screens|Styles Help Screens}}</noinclude>
* Select '''Extensions &rarr; Template Manager''' from the drop-down menu of the '''''Joomla! Administrator Panel'''''. You can also select the 'Styles' menu link from the [[Help30:Extensions_Template_Manager_Templates|Template Manager: Templates]] screen.
+
 
+
==Description==
+
The '''Template Manager: Styles''' screen was introduced in Joomla! 1.6. It allows you to manage template styles which you can then apply to your Joomla! installation. You can specify the default style to be applied to web pages in the public and administrator interfaces. You can also configure different styles for the various menu item web pages on your site. Styles allow to you have multiple different configurations of a template saved and then apply them on a site-wide or per-page basis.
+
 
+
==Screenshot==
+
[[Image:Help30-Extensions-Template-Manager-Styles-screen.png]]
+
 
+
==Column Headers==
+
Click on the column heading to sort the list by that column's value.
+
{{Chunk30:colheader|Checkbox}}
+
*'''Style.''' The style name. The default style that is installed with a new template will have '-Default' at the end of its name.
+
*'''Location.''' Whether the style is a public front-end or an administrator back-end style. 'Site' means it is a public front-end style. 'Administrator' means it is an administrator back-end style.
+
*'''Template.''' The name of the template which the style was derived from.
+
*'''Default.''' Whether or not the style is the default applied to pages which do not have a specific style configured. A gold star means the style is the default. There can be only one default style set for locations.
+
*'''Assigned.''' Whether or not the template is configured on a web page. A green circle with a white check mark in it means the style is being used on at least one web page of your site.
+
{{Chunk30:colheader|Id}}
+
 
+
==List Filters==
+
====Filter by Partial Title====
+
You can filter the list of items by typing in part of the Title or the ID number.
+
 
+
{{Chunk30:listfiltering|Filter}}
+
 
+
====Filter by Location and Template====
+
In the upper right area, above the column headings, there are two drop-down list boxes as shown below:
+
 
+
[[Image:Help30-Extensions-Template-Manager-Styles-filter-subscreen.png]]
+
 
+
The selections may be combined. Only items matching all selections will be displayed in the list.
+
*'''Select Location.''' The location the template is used in - Site or Administrator.
+
*'''Select Template.''' The template which the style is derived from.
+
 
+
====Number of Items to Display====
+
Below the list you'll find:
+
 
+
{{Chunk30:Help_screen_list_Display_Count}}
+
 
+
==Toolbar==
+
At the top right you will see the toolbar:
+
 
+
[[Image:Help30-MakeDefault-Edit-Duplicate-Delete-Options-Help-toolbar.png]]
+
 
+
The functions are:
+
{{Chunk30:Help_screen_toolbar_icon_MakeDefault|template style}}
+
{{Chunk30:Help_screen_toolbar_icon_Edit|contact}}
+
{{Chunk30:Help_screen_toolbar_icon_Duplicate|template style}}
+
{{Chunk30:Help_screen_toolbar_icon_Delete|template styles}}
+
{{Chunk30:Help_screen_toolbar_icon_Options}}
+
{{Chunk30:Help_screen_toolbar_icon_Help}}
+
 
+
==Options==
+
Click the Options button to open the '''Template Manager Options ''' window which lets you configure this component.
+
 
+
[[Image:Help30-Extensions-Template-Manager-Styles-options-modal.png]]
+
 
+
===Buttons Common to All Tabs===
+
{{Chunk30:buttons|OptionsSaveClose}}
+
{{Chunk30:buttons|OptionsSave}}
+
{{Chunk30:buttons|OptionsCancel}}
+
 
+
===Templates Tab===
+
*'''Preview Module Positions.''' Enables the preview of the module positions in the template by appending tp=1 to the web address. Also enables the Preview button in the list of templates.
+
 
+
===Permissions Tab===
+
{{Chunk30:Help_screen_component_options_permissions_intro}}
+
 
+
[[Image:Help30-Extensions-Template-Manager-Styles-options-modal-permissions-tab.png]]
+
 
+
{{Chunk30:Help_screen_component_options_permissions_columns_intro}}
+
 
+
{{Chunk30:Help_screen_component_options_permissions_columns_admin}}
+
{{Chunk30:Help_screen_component_options_permissions_columns_manage}}
+
{{Chunk30:Help_screen_component_options_permissions_columns_create}}
+
{{Chunk30:Help_screen_component_options_permissions_columns_delete}}
+
{{Chunk30:Help_screen_component_options_permissions_columns_edit}}
+
{{Chunk30:Help_screen_component_options_permissions_columns_edit_state}}
+
 
+
{{Chunk30:Help_screen_component_options_permissions_conclusion}}
+
 
+
==Toolbar Links==
+
 
+
At the top left, above the Filter, you will see the following two links:
+
 
+
[[Image:Help30-Extensions-Template-Manager-Styles-links-subscreen.png]]
+
*'''Styles.''' This link takes you to the screen you are currently on.
+
*'''Templates.''' Click this link to go to the [[Help30:Extensions_Template_Manager_Templates|Template Manager: Templates]] screen.
+
 
+
==Quick Tips==
+
* If you want to use the same Style for all of the pages on your site, you just assign one style as the Default. You can also assign different Styles to different pages.
+
 
+
==Related Information==
+
* To edit installed templates: [[Help30:Extensions_Template_Manager_Templates|Template Manager: Templates]]
+
 
+
<noinclude>{{cathelp|3.0|Template Manager Help Screens|Styles Help Screens}}</noinclude>
+

Latest revision as of 08:15, 25 February 2015

Other languages:
български • ‎català • ‎English • ‎español • ‎français • ‎русский

To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:

Access the template manager

Joomla! 
≥ 3.0
  • Click on: Extensions  Template Manager


Extension-manager-template-manager-3x-en.png

You will now see the Template Manager screen.

Note: If you do not see Template Manager listed as an option on the Extensions menu, then it is most likely because you are not logged in as a Super Administrator. Only Super Administrators will see this menu item.


Managing default template

From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates styles. The default style for the Front-end is marked with a star; in the image below it is protostar - Default.

To change the default style to beez3:

  • click the checkbox left from the style name to select it;
  • click "Default" on the toolbar;

the star changes from protostar to beez3 and you are done. Alternatively, you can click on the shadow of a template's default star to quickly set the template as default.

You can use the filter drop downs on the left or the filter search to limit the number of templates shown in the list of templates. Other options are:

  • edit - edit the pages a template is shown on (see below)
  • delete - delete a template (must not be default template)
  • options - set options for templates

30-Switching-templates-1-en.png


Assigning more than one template for the Front-end

Joomla! gives you the option of switching between two or more styles on the Front-end. This is done with "Menu Assignment", so you can set different styles for each menu or only a menu item. This allows specific "pages" that are defined by menu links to set for a "specific" style. Styles can be of different templates.

Template manager method

Click on: Extensions  Template Manager

  • You will see your installed template styles, now choose a style which is not set as your default one. Yellow star indicates the style is a default.
30-Template-manager-select-edit-en.png
  • Click on the style name or hit the checkbox to the left of the style name, and click "Edit" on the toolbar.
  • You now see the page "Template: [ Edit style] ", and go to the section "Menu Assignment" block and choose the menu items on which the style should be shown.

30-Switching-templates-assign-menus-en.png

  • Click "Save" on the toolbar and you´re done. The menu item will now show the selected template.
  • Go to the front-end of your website and refresh the page to view the modifications.

Menu manager method

  • Access menu item Menus  Menu Name
  • Choose a menu item by checking the box to the left of its name and then click on the Edit toolbar button. Alternatively, simply click the name of the menu item to edit it.
  • On the Edit Menu Item screen, in Template Style, choose the desired template style and click on the Save button.

30-Menu-item-template-management-edit-en.png

  • Go to the frontend of your website and refresh the page to view the modifications.


See also