Help310

Difference between revisions of "Extensions Template Manager Templates Edit Source"

From Joomla! Documentation

m (→‎Toolbar: toolbar location)
(Marked this version for translation)
 
(35 intermediate revisions by 4 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 edit the source code of template files.
 
  
==How to Access==
+
{{Chunk30:Help_screen_Description_Header/<translate><!--T:28--> en</translate>}}
Navigate to the [[Help30:Extensions_Template_Manager_Templates_Edit|Template Manager: Customise Template]] screen. Click on the name of the template you want to edit. Then click the link to the template file that you want to edit.
+
{{Chunk30:Help_screen_Description_This/<translate><!--T:29--> en</translate>}}
 +
{{Chunk30:Help_screen_Description_Edit/<translate><!--T:30--> en</translate>|<translate><!--T:31--> template's source code</translate>}}
 +
<translate><!--T:32--> This screen is where the source code of template files is edited. It provides a plain text interface to edit the template files. HTML and PHP programming syntax is highlighted to make the source code files easier to read.</translate>
  
==Description==
+
{{Chunk30:Help_screen_How_To_Access_Header/<translate><!--T:33--> en</translate>}}
This screen is where the source code of template files is edited. It provides a plain text interface to edit the template files. HTML and PHP programming syntax is highlighted to make the source code files easier to read.
+
<translate><!--T:39--> *Click the link to the template '''file''' that you want to edit.</translate>
  
==Screenshot==
+
{{Chunk30:Help_screen_Screenshot_Header/<translate><!--T:40--> en</translate>}}
[[Image:Help30-Extensions-Template-Manager-Templates-Edit-Source-screen.png]]
+
[[Image:Help30-Extensions-Template-Manager-Templates-Edit-Source-screen-<translate>
 +
<!--T:4-->
 +
en</translate>.png|800px|border]]
  
==Details and Options==
+
{{Chunk30:Help_screen_Form_Header/<translate><!--T:41--> en</translate>}}
*'''Source Code.''' The contents of the selected template file is displayed and editible here.
+
{{Chunk30:Help_screen_Form_Editor_Header/<translate><!--T:47--> en</translate>}}
 +
<translate><!--T:20--> *'''Source Code'''. The contents of the selected template file is displayed and editible here.</translate>
 +
{{Chunk3x:Extensions_Templates_Templates_Create_Overrides/<translate><!--T:21--> en</translate>}}
 +
{{Chunk3x:Extensions_Templates_Templates_Template_Description/<translate><!--T:22--> en</translate>}}
  
==Toolbar==
+
{{Chunk30:Help_screen_Toolbar_Header/<translate><!--T:42--> en</translate>}}
At the top left you will see the toolbar:
+
{{Chunk30:Help_screen_Toolbar_Position/<translate><!--T:45--> en</translate>}}
 +
:[[File:Help30-Save-SaveClose-CopyTemplate-TemplatePreview-ManageFolders-NewFile-RenameFile-DeleteFile-CloseFile-Help-toolbar-<translate>
 +
<!--T:25-->
 +
en</translate>.png|800px|none]]
 +
{{Chunk30:Help_screen_Toolbar_Function/<translate><!--T:46--> en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_Save/<translate>
 +
<!--T:27-->
 +
en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_SaveAndClose/<translate>
 +
<!--T:6-->
 +
en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_CopyTemplate/<translate><!--T:15--> en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_TemplatePreview/<translate><!--T:16--> en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_ManageFolders/<translate><!--T:17--> en</translate>}}
 +
{{Chunk30:Help_screen_toolbar_icon_NewFile/<translate><!--T:18--> en</translate>}}
 +
<translate>
 +
<!--T:11-->
 +
*'''Rename File'''. Rename selected file.
 +
</translate>
 +
<translate>
 +
<!--T:12-->
 +
*'''Delete File'''. Delete selected file.
 +
</translate>
 +
<translate>
 +
<!--T:13-->
 +
*'''Close File'''. Close open file.
 +
</translate>
 +
{{Chunk30:Help_screen_toolbar_icon_Help/<translate>
 +
<!--T:14-->
 +
en</translate>}}
  
[[Image:Help30-Save-SaveClose-Close-Help-toolbar.png]]
+
{{Chunk30:Help_screen_Quick_Tips_Header/<translate><!--T:43--> en</translate>}}
 +
<translate>
 +
<!--T:8-->
 +
* Important: Do not delete the default template files using FTP because it generates an error in both the Frontend and Backend.
 +
</translate>
 +
<translate>
 +
<!--T:48-->
 +
* 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. Also, you can edit these files outside of Joomla using the HTML or CSS editor of your choice.
 +
</translate>
  
The functions are:
+
{{Chunk30:Help_screen_Related_Information_Header/<translate><!--T:44--> en</translate>}}
{{Chunk30:Help_screen_toolbar_icon_Save|template source file}}
+
<translate>
{{Chunk30:Help_screen_toolbar_icon_SaveAndClose|template source file}}
+
<!--T:10-->
{{Chunk30:Help_screen_toolbar_icon_Cancel}}
+
* To install templates: [[S:MyLanguage/Help30:Extensions_Extension_Manager_Install|Extension Manager: Install]]
{{Chunk30:Help_screen_toolbar_icon_Help}}
+
* [[S:MyLanguage/J3.x:How_to_use_the_Template_Manager#Customise_a_Template|How to customise a Template]].
 +
</translate>
  
==Quick Tips==
+
<noinclude>
* Important: Do not delete the default template files using FTP because it generates an error in both the front-end and back-end.
+
{{cathelp|3.0,3.1,3.2,3.3,3.4,3.5,3.6,3.7,3.8,3.9,3.10|Template Manager Help Screens|Styles Help Screens}}
* 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. Also, you can edit these files outside of Joomla! using the HTML or CSS editor of your choice.
+
</noinclude>
 
 
==Related Information==
 
* To install templates: [[Help30:Extensions_Extension_Manager_Install|Extension Manager: Install]]
 
 
 
<noinclude>{{cathelp|3.0|Template Manager Help Screens|Templates Help Screens}}</noinclude>
 

Latest revision as of 05:43, 2 February 2022

Other languages:
English


Description[edit]

This is where you can

  • Edit an existing template's source code.

This screen is where the source code of template files is edited. It provides a plain text interface to edit the template files. HTML and PHP programming syntax is highlighted to make the source code files easier to read.


How to Access[edit]

  • Click the link to the template file that you want to edit.


Screenshot[edit]

Help30-Extensions-Template-Manager-Templates-Edit-Source-screen-en.png


Form Fields[edit]

Editor[edit]

  • Source Code. The contents of the selected template file is displayed and editible here.

Template:Chunk3x:Extensions Templates Templates Create Overrides/en Template:Chunk3x:Extensions Templates Templates Template Description/en


Toolbar[edit]

At the top left you will see the toolbar.

Help30-Save-SaveClose-CopyTemplate-TemplatePreview-ManageFolders-NewFile-RenameFile-DeleteFile-CloseFile-Help-toolbar-en.png

The functions are:

  • Save. Saves the item and stays in the current screen.
  • Save & Close. Saves the item and closes the current screen.
  • Copy Template. Copy template by using a new template name.
  • Template Preview. Open a window showing frontend startpage.
  • Manage Folders. Create or delete folders.
  • New File. Create different file types, upload or copy files.
  • Rename File. Rename selected file.
  • Delete File. Delete selected file.
  • Close File. Close open file.
  • Help. Opens this help screen.


Quick Tips[edit]

  • Important: Do not delete the default template files using FTP because it generates an error in both the 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. Also, you can edit these files outside of Joomla using the HTML or CSS editor of your choice.


Related Information[edit]