4.2 Changement de modèle (template)

Après cette première incursion dans les coulisses de Joomla!, voyons comment modifier en un seul
geste l’aspect général du site.
Dans sa version actuelle, Joomla! 1.5.0 est livré avec deux templates : le template par défaut rhuk_
milkyway (Kepri) et un nouveau template, qui garantit l’accessibilité des sites aux personnes handicapées. Il porte le nom de beez. Il a fallu remanier une grosse partie du code source de Joomla! 1.0 pour satisfaire aux normes d’accessibilité. Les deux concepteurs allemands Angie Radtke et Robert Deutz ont proposé ce template. Ils ont engagé avec la communauté Joomla! une longue discussion quant à l’intérêt de l’accessibilité des sites Web. Ce template a en conséquence été incorporé à la livraison standard de Joomla!. Cela ne pourra que favoriser la diffusion de Joomla! sur le territoire européen (nous décrivons Beez en détail au Chapitre 14).

Actuellement se déroule un concours sur le site de joomla.org afin de choisir un autre template à
incorporer en standard avec Joomla!.

Il est très facile de passer d’un template à l’autre. Voyons d’abord comment ajouter un troisième
template aux deux qui sont fournis en standard.

Pour charger le fichier du nouveau template, servez-vous de la commande EXTENSIONS > INSTALLER/ DÉSINSTALLER, comme pour le fichier de langues en début de chapitre. Cherchez sur le CD-ROM, dans le dossier CHAP17 le fichier ngo1.5.zip. L’installateur indique que le transfert a réussi (voir Figure 4.6).

Figure 4.6 Installation d’un nouveau modèle.

Accédez ensuite à la section de gestion des templates par EXTENSIONS > GESTION DES TEMPLATES. Le template actif une étoile jaune. Lorsque vous amenez le pointeur sur le nom d’un template, vous voyez apparaître un aperçu (voir Figure 4.7).

Figure 4.7 Le Gestionnaire des Templates (modèles).

Pour activer un template, cliquez dans le bouton radio à gauche du nom puis cliquez sur le boutonaction DÉFAUT en haut à droite. L’étoile est placée dans la ligne correspondante. Rafraîchissez l’affichage de votre site Web pour juger de la différence. La Figure 4.8 montre le template Beez. Nous expliquons comment créer de nouveaux templates au Chapitre 13 et verrons un template spécifique au Chapitre 16.

Figure 4.8 Le modèle Beez d’accessibilité.

4.2.1 Personnalisation des couleurs du modèle

Même le template standard rhuk_milkyway offre quelques paramètres de personnalisation au niveau
des couleurs du premier plan et du fond.
Réinstituez ce template comme expliqué plus haut puis basculez en mode ÉDITION en cliquant dans
le bouton radio à gauche du nom du template puis sur le bouton ÉDITER. Certains paramètres ne sont
pas modifiables pour le template par défaut. Vous pouvez en revanche changer deux paramètres de
couleurs et la largeur du template (voir Figure 4.9).

Figure 4.9 Personnalisation du modèle par défaut rhuk_milkyway

Vous pouvez essayer de modifier les couleurs et juger du résultat dans votre site Web.