Difference between revisions of "Switching templates"
From Joomla! Documentation
m (→Assigning more than one template for the Front-end: heading up) |
m (→Assigning more than one template for the Front-end: Introduced style) |
||
| (11 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps: | To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps: | ||
| − | + | ==Access the template manager== | |
{{:J3.1:To access the Template Manager|}} | {{:J3.1:To access the Template Manager|}} | ||
| − | From here you manage your templates for Front-end and Back-end. The default view shows your installed Front-end templates. | + | ==Managing default template== |
| − | The default | + | 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 | + | To change the default style to beez3: |
| − | * click the checkbox left from the | + | * click the checkbox left from the style name to select it; |
* click "Default" on the toolbar; | * 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 start to quickly set the template as default. | the star changes from protostar to beez3 and you are done. Alternatively, you can click on the shadow of a template's default start to quickly set the template as default. | ||
| Line 15: | Line 16: | ||
== Assigning more than one template for the Front-end == | == Assigning more than one template for the Front-end == | ||
| − | Joomla! gives you the option of switching between two or more | + | 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: {{rarr|Extensions,Template Manager}} | Click on: {{rarr|Extensions,Template Manager}} | ||
| − | *You see your installed | + | *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. |
| − | *Click on the | + | :[[File:30-Template-manager-select-edit.png]] |
| − | *You now see the page "Template: [ Edit ]", and go to the section "Menu Assignment" block and choose the menu items on which the | + | *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. | ||
[[Image:30-Switching-templates-assign-menus.png]] | [[Image:30-Switching-templates-assign-menus.png]] | ||
*Click "Save" on the toolbar and you´re done. The menu item will now show the selected template. | *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 {{rarr|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. | ||
| + | [[File:30-Menu-item-template-management-edit.png]] | ||
| + | *Go to the frontend of your website and refresh the page to view the modifications. | ||
| + | ==See also== | ||
| + | *[[Template style]] | ||
<noinclude> | <noinclude> | ||
| + | [[Category:Tutorials]] | ||
| + | [[Category:Templates]] | ||
[[Category:Beginners]] | [[Category:Beginners]] | ||
| − | |||
| − | |||
</noinclude> | </noinclude> | ||
Revision as of 09:24, 21 November 2013
To change the default Template for the Site (Front-end) or Administrator (Back-end), follow these steps:
Access the template manager[edit]
<translate>
- Log in to the Administrator (Backend). If you are not sure how to do this see: To log in to the Administrator (Backend)</translate>
<translate>
- Click on: Extensions → Templates</translate>
[[Image:Extension-manager-template-manager-3x<translate> -en</translate>.png|800px]]
<translate> You will now see the Template Manager screen.</translate>
<translate> Note If you do not see Templates listed as an option on the Extensions menu, then it is most likely because you are not logged in as a Super User. Only Super Users will see this menu item.</translate>
Managing default template[edit]
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 start to quickly set the template as default.
Assigning more than one template for the Front-end[edit]
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[edit]
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.
- 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.
- 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[edit]
- 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.
- Go to the frontend of your website and refresh the page to view the modifications.