10.7 Gestion des modèles-templates

Nous connaissons déjà la liste des templates puisque nous avions vu au Chapitre 4 comment changer
le template du site Web.

Joomla! distingue les templates du site public de ceux de la partie administrative (voir Figure 10.24).
Dans la suite, nous parlerons de TEMPLATE ou de MODÈLE, dans la mesure où l’interface utilisateur française n’est pas encore fi gée sur ce point de terminologie.

10.7.1 Gestion des templates : Site

Cette liste présente les templates actuellement installés pour la partie publique. Nous avons vu au
Chapitre 4 que vous pouviez changer le template par défaut et modifi er le template utilisé pour
certains éléments de menu. Notez que vous n’avez pas accès à tous les paramètres du template
actuellement par défaut. Pour le modifi er, activez un autre template (Défaut) le temps d’appliquer
vos modifications.

Figure 10.24 Gestion des templates.

Édition d’un template

Le bouton ÉDITER permet d’accéder aux propriétés du template sélectionné (voir Figure 10.25). La lliste des paramètres rappelle notamment les éléments de menu associés au template. Vous pouvez effectuer une sélection parmi les éléments de cette liste. Pour sélectionner plusieurs éléments non voisins, maintenez enfoncé la touche CTRL tout en cliquant. Notez que seuls les paramètres que le template peut prendre en compte sont proposés.

Bouton Prévisualiser

Ce bouton est beaucoup plus utile que son nom le laisse croire. Il vous permet d’admirer un aperçu
de la structure du template par défaut du site Web. Un effet graphique permet de distinguer les limites des positions des différents modules. Cela vous aide à comprendre comment placer vos modules en fonction des différentes zones de l’affichage (voir Figure 10.26).

Figure 10.25 Extensions > Gestion des templates : Édition.

Figure 10.26 Affichage des positions des modules du template standard.

Bouton Éditer le HTML

Cette commande donne un accès direct au code source HTML du template sélectionné (voir
Figure 10.27). Tout template contient un fichier HTML. Rappelons que les Templates Snippets sont
des commandes prédéfinies permettant de déclencher des actions précises dans le template.

Bouton Éditer le CSS

Cette commande permet d’accéder au code source des feuilles de style CSS du template. Vous
pouvez gérer plusieurs fichiers CSS pour un même template (voir Figure 10.28). Vous devez dans ce cas choisir votre fichier puis cliquer sur le bouton ÉDITER.

Figure 10.27 Site > Gestion des templates : Édition du HTML.

Figure 10.28 Édition du code source CSS d’un template.

10.7.2 Modèles-templates de l’administration

L’approche est strictement la même pour la partie administration que pour la partie publique. Vous
accédez à la liste des templates installés et vous pouvez intervenir sur chacun d’eux. En standard, il
n’y a qu’un template d’administration.