Help4.x

Templates: Customise/fr: Difference between revisions

From Joomla! Documentation

Created page with "==Capture d'écran=="
FuzzyBot (talk | contribs)
Updating to match new version of source page
Line 2: Line 2:


==Description==
==Description==
<div lang="en" dir="ltr" class="mw-content-ltr">
This is where you edit a template's source code. You can edit the template's master files and stylesheets from this screen.
This is where you edit a template's source code. You can edit the template's master files and stylesheets from this screen.
</div>


==Comment y accéder ?==
==Comment y accéder ?==
<div lang="en" dir="ltr" class="mw-content-ltr">
* Select {{rarr|System,Templates Panel,Site Templates}} from the Administrator menu. Or...
* Select {{rarr|System,Templates Panel,Site Templates}} from the Administrator menu. Or...
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
* Select {{rarr|System,Templates Panel,Administrator Templates}} from the Administrator menu. Then...
* Select {{rarr|System,Templates Panel,Administrator Templates}} from the Administrator menu. Then...
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
**Select a template name from the '''Templates''' column.
**Select a template name from the '''Templates''' column.
</div>


==Capture d'écran==
==Capture d'écran==
<div lang="en" dir="ltr" class="mw-content-ltr">
The Administrator and Site Templates screens use the same layout. The Site Template screen is illustrated here.
The Administrator and Site Templates screens use the same layout. The Site Template screen is illustrated here.
</div>


[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-screen-en.png|800px]]
[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-screen-<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>.png|800px]]


<div lang="en" dir="ltr" class="mw-content-ltr">
==Form Fields==
==Form Fields==
{{Chunk4x:Help screen form fields TemplatesEditSource/en}}
</div>
{{Chunk4x:Help screen form fields TemplatesEditSource/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}


<div lang="en" dir="ltr" class="mw-content-ltr">
==Toolbar==
==Toolbar==
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
Note that the Toolbar buttons change when a file is selected for editing.
Note that the Toolbar buttons change when a file is selected for editing.
</div>


<div lang="en" dir="ltr" class="mw-content-ltr">
===No file selected===
===No file selected===
 
</div>
At the top of the page you will see the toolbar shown in the [[#Screenshot|Screenshot]] above. The functions are:
{{safesubst:Chunk4x:Help_screen_toolbar_top_descriptor/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Copy Template.''' Select to make a complete new copy of the template. You will be prompted for a new template name. There is also an opportunity to Close without creating a new template. To remove the new template: go to Extensions -> Manage, check the template check box and select Uninstall in the toolbar.
*'''Copy Template.''' Select to make a complete new copy of the template. You will be prompted for a new template name. There is also an opportunity to Close without creating a new template. To remove the new template: go to Extensions -> Manage, check the template check box and select Uninstall in the toolbar.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Template Preview.''' Select to open the Site default view using this template.
*'''Template Preview.''' Select to open the Site default view using this template.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Manage Folders.''' Select to create a new folder within the template hierarchy. A popup window appears:
*'''Manage Folders.''' Select to create a new folder within the template hierarchy. A popup window appears:
:[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-new-folder-dialog-en.png|500px]]
</div>
:[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-new-folder-dialog-<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>.png|500px]]
<div lang="en" dir="ltr" class="mw-content-ltr">
*'''New File.''' Select to create a new file or to upload a file from your computer to your Joomla! template hierarchy. A popup window appears:
*'''New File.''' Select to create a new file or to upload a file from your computer to your Joomla! template hierarchy. A popup window appears:
:[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-upload-file-dialog-en.png|500px]]
</div>
 
:[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-upload-file-dialog-<div lang="en" dir="ltr" class="mw-content-ltr">
*'''Close'''. Closes the current screen and returns to the previous screen without saving any modifications you may have made. This toolbar icon is not shown if you are creating a new item.
en
 
</div>.png|500px]]
*'''Help'''. Opens this help screen.
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Close/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}


<div lang="en" dir="ltr" class="mw-content-ltr">
===File selected===
===File selected===
</div>
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Save/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_SaveAndClose/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_RenameFile/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_DeleteFile/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_CloseFile/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}
{{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/<div lang="en" dir="ltr" class="mw-content-ltr">
en
</div>}}


*'''Save'''. Saves the item and stays in the current screen.
<div lang="en" dir="ltr" class="mw-content-ltr">
 
*'''Save & Close'''. Saves the item and closes the current screen.
 
*'''Rename File.''' Select a file to edit. Select the Rename button to prompt for a new name.
 
*'''Delete File.''' You will be prompted to Confirm or Cancel.
 
*'''Close File.''' Closes the open file and returns to the Editor Tab.
 
*'''Help'''. Opens this help screen.
 
==Quick Tips==
==Quick Tips==
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
* 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.
* 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.
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
==Related Information==
==Related Information==
* To install templates: [[Help40:Extensions:_Install/en|Extension Manager: Install]]
</div>
<div lang="en" dir="ltr" class="mw-content-ltr">
* To install templates:
</div> [[Help40:Extensions:_Install/<span lang="en" dir="ltr" class="mw-content-ltr">en</span>|<span lang="en" dir="ltr" class="mw-content-ltr">Extension Manager: Install</span>]]


<noinclude>
<noinclude>
{{Cathelp|4.0|Template Manager Help Screens|Styles Help Screens}}
{{Cathelp|4.0,4.1,4.2|Template Manager Help Screens|Styles Help Screens}}
</noinclude>
</noinclude>

Revision as of 08:22, 16 September 2022

Description

This is where you edit a template's source code. You can edit the template's master files and stylesheets from this screen.

Comment y accéder ?

  • Select System  Templates Panel  Site Templates from the Administrator menu. Or...
  • Select System  Templates Panel  Administrator Templates from the Administrator menu. Then...
    • Select a template name from the Templates column.

Capture d'écran

The Administrator and Site Templates screens use the same layout. The Site Template screen is illustrated here.

[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-screen-

en

.png|800px]]

Form Fields

{{Chunk4x:Help screen form fields TemplatesEditSource/

en

}}

Toolbar

Note that the Toolbar buttons change when a file is selected for editing.

No file selected

{{safesubst:Chunk4x:Help_screen_toolbar_top_descriptor/

en

}}

  • Copy Template. Select to make a complete new copy of the template. You will be prompted for a new template name. There is also an opportunity to Close without creating a new template. To remove the new template: go to Extensions -> Manage, check the template check box and select Uninstall in the toolbar.
  • Template Preview. Select to open the Site default view using this template.
  • Manage Folders. Select to create a new folder within the template hierarchy. A popup window appears:
[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-new-folder-dialog-

en

.png|500px]]

  • New File. Select to create a new file or to upload a file from your computer to your Joomla! template hierarchy. A popup window appears:
[[Image:Help-4x-Extensions-Template-Manager-Templates-Edit-upload-file-dialog-

en

.png|500px]] {{safesubst:Chunk4x:Help_screen_toolbar_icon_Close/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/

en

}}

File selected

{{safesubst:Chunk4x:Help_screen_toolbar_icon_Save/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_SaveAndClose/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_RenameFile/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_DeleteFile/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_CloseFile/

en

}} {{safesubst:Chunk4x:Help_screen_toolbar_icon_Help/

en

}}

Quick Tips

  • 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

  • To install templates:

[[Help40:Extensions:_Install/en|Extension Manager: Install]]