Actions

J3.x

Difference between revisions of "Editing a template with Template Manager"

From Joomla! Documentation

m (update)
(8 intermediate revisions by one user not shown)
Line 1: Line 1:
To edit a template with the Template Manager you must first access the Template manager.
+
To edit or copy a template's files with the [[J3.2:How_to_use_the_Template_Manager|Template Manager: Customise Template]] you must first access the Template manager.
 
===Access the Template Manager===
 
===Access the Template Manager===
 
{{:To access the Template Manager}}
 
{{:To access the Template Manager}}
===Switch to Style view===
+
===Access the Template Manager Customisation Feature===
 
+
{{:Access_Template_Manager_Customisation}}
Styles will be highlighted, click on Templates which will turn the view to '''Template Manager:Templates'''.
+
<noinclude>
 
+
[[File:30-Template-manager-template-style-view.png]]
+
 
+
Select the template you wish to modify which will change the view to '''Template Manager: Customise Template''' view.
+
 
+
[[File:30-Template-manager-template-cutomise-view.png]]
+
 
+
The available files for editing vary from template design or what the template designer allows for editing.
+
*[[CSS]] stands for cascading style sheets. This controls many elements of the look and feel of your site.
+
*[[HTML]] or master files are the files which control where positions are defined and placed. It should be noted that, with a few exceptions, what is in the .css and HTML files largely depends on the approach of the template designer.
+
 
+
One common change is to use your own graphic/image. Graphics are linked to the HTML file. Simply change the reference to the image of your choice. Keep in mind that if it is a different size than the original image this may change the appearance of the site in unexpected ways.
+
 
+
 
[[Category:Template Management]]
 
[[Category:Template Management]]
 
[[Category:Template Reference]]
 
[[Category:Template Reference]]
[[Category:Template Development FAQ]]
+
</noinclude>

Revision as of 14:30, 29 November 2013

To edit or copy a template's files with the Template Manager: Customise Template you must first access the Template manager.

Access the Template Manager

<translate>

<translate>

  • Click on: Extensions  Template Manager</translate>


[[Image:Extension-manager-template-manager-3x<translate> -en</translate>.png|500px]]

<translate> You will now see the Template Manager screen.</translate>

<translate> 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.</translate>


Access the Template Manager Customisation Feature

<translate> There are two methods available for accessing the Template Manager: Customise Template. The Customise Template interface allows for editing the actual code found in the template files, creating template overrides and template file manipulation.</translate> <translate>====One-Click or Switch to Template View==== </translate> [[File:30-Template-manager-template-styles-view-1<translate> -en</translate>.png]]

<translate>

Tip-icon.png
A Tip!

Styles column refers to changing the available parameters of a template, such as color, font-color, logo, etc. These are dependent on the parameters a template maker made available and are a convenience for quick changes. Template - column refers to editing the actual template files.

</translate>

<translate> To access the Template Customise feature:

  • Directly - Click the template name in the column Template</translate>
[[File:30-Template-manager-template-styles-view-2<translate>

-en</translate>.png|600]] <translate>

  • Indirectly - Styles will be highlighted, click on Templates below it which will turn the view to Template Manager:Templates, see image below.</translate>
[[File:30-Template-manager-template-style-view<translate>

-en</translate>.png]]

<translate>
  • Select the template you wish to modify which will change the view to Template Manager: Customise Template view</translate>

<translate>====Customisation View==== </translate> <translate> You should now be looking at the image below, Template Manager: Customise Template.</translate>

[[File:3x-template-manager-customise-template<translate> -en</translate>.png]]