Chapitre 10

Nous avons déjà découvert cette fonction au Chapitre 4. Elle permet de choisir la langue de l’interface de la partie publique et de la partie administrative.

Figure 10.29 Extensions > Gestion des langues.

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.

En cliquant sur l’onglet ADMINISTRATEUR de la liste des modules, vous accédez à un gestionnaire
analogue à celui des modules du site, mais il ne présente que les modules qui ont un emploi dans le
domaine de l’administration (voir Figure 10.21).

Figure 10.21 Liste des modules de la partie Administration.

10.5.1 Utilisateurs connectés (Logged in Users, mod_logged)

Ce module affiche la liste des utilisateurs enregistrés actuellement connectés. La liste apparaît en
tant qu’onglet de page dans le panneau de contrôle CONTROL PANEL, c’est-à-dire à la position cpanel (voir Figure 10.22).

10.5.2 Articles les plus lus (Popular, mod_popular)

Ce module présente la liste des contenus les plus consultés à la position cpanel.

10.5.3 Derniers articles ajoutés (Recent added Articles, mod_latest)

Ce module affiche la liste des articles les plus récents à la position cpanel. Les articles déjà affichés
sur la page d’accueil ne sont pas pris en compte.

10.5.4 Menu Stats (mod_stats)

Ce module affiche les statistiques d’utilisation des différentes commandes de menu à la position
cpanel.

Figure 10.22 Exemples de modules dans le volet droit du Panneau d’administration.

10.5.5 Footer (mod_footer)

Ce module affiche les informations légales de Joomla! dans le bas de la fenêtre de la partie Administrative.

10.5.6 Unread Messages (mod_unread)

Ce module indique le nombre de messages d’administrateurs non encore lus à la position header,
soit en haut à droite.

10.5.7 Online Users (mod_online)

Ce module affiche le nombre d’utilisateurs enregistrés sur le côté à la position header.

10.5.8 Quick Icons (mod_quickicon)

Ce module propose les icônes permettant d’accéder aux éléments du panneau d’admnistration.

10.5.9 Login Form (mod_login)

Ce module se charge de l’affichage du formulaire d’ouverture de session pour la partie administrative. Ne le désactivez jamais !

10.5.10 Admin Menu (mod_menu)

Ce module affiche les composants de navigation JavaScript de l’administration. Ne le désactivez
jamais !

10.5.11 User Status (mod_status)

Ce module gère l’affichage de la zone d’information en haut à droite. Ne le désactivez jamais !

10.5.12 Admin Submenu (mod_submenu)

Ce module se charge de la zone d’affichage des onglets de page. Ne le désactivez jamais !

10.5.13 Title (mod_title)

Ce module se charge de l’affichage de la description et de l’icône à gauche de la barre d’outils. Ne
le désactivez jamais !

10.5.14 Toolbar (mod_toolbar)

Ce module se charge de l’affichage de la barre d’outils. Ne le désactivez jamais !

10.5.15 CSS Admin Menu

Ce module facultatif se charge de l’affichage du menu de l’administration de Joomla!.

Comme exemple simple de copie d’un module, supposons que nous souhaitions l’affichage de deux
images aléatoires. Un module affichera une image tirée du dossier ou dossier A et l’autre module des images du dossier B. Sélectionnez le module RANDOM IMAGES en cochant sa case de gauche puis cliquez sur le bouton COPIER.
Vous voyez apparaître un nouveau module dont le nom est COPIE DE RANDOM IMAGES. Modifi ez les données de votre nouveau module.

Figure 10.20 Résultat de la copie d’un module.

Si vous dépubliez les deux modules LATEST NEWS et POPULAR qui occupent la place pour l’instant, vous pouvez affecter les deux modules d’images au hasard aux positions user1 et user2 pour les faire apparaître côte à côte au-dessus des autres rubriques de la colonne centrale.

10.3.1 Breadcrumbs (mod_breadcrumbs)

Le mécanisme appelé Breadcrumbs (miettes de pain ou Fil d’Ariane) consiste à afficher les noms de
la hiérarchie de pages menant à la page actuelle (voir Figure 10.4). L’affichage de ce fil conducteur
permet au visiteur de ne jamais se perdre dans sa navigation. Un paramètre permet d’afficher ou non
le premier niveau (correspondant à la page d’accueil). Vous pouvez désactiver l’affichage du module.

Figure 10.4 Breadcrumbs.

Dans le volet des paramètres, vous pouvez choisir de masquer le niveau Accueil et d’en changer le
nom. Vous pouvez enfin ajouter un séparateur et définir le suffi xe de classe de module pour personnaliser l’aspect.

Figure 10.5 Les paramètres de Breadcrumbs.

10.3.2 Footer (mod_footer)

Ce module permet d’afficher les informations légales de Joomla! dans le pied de page. Vous pouvez
masquer son affichage dans la page d’accueil.

10.3.3 Banner (mod_banners)

Ce module sert à afficher les bannières. Vous disposez d’un ensemble de paramètres dans le volet
DÉTAILS et vous pouvez décider des pages dans lesquelles le module doit apparaître. Voici les autres paramètres disponibles (voir Figure 10.6) :

Figure 10.6 Module Bannières : Paramètres.

Cible. Mode d’affichage de l’adresse cible : soit dans la même fenêtre, soit dans une autre avec ou
sans navigation.

Nombre d’affichages (Count). Nombre d’affichages à réaliser.

Annonceur. Permet de n’afficher la bannière que d’un seul client dans ce module.

Catégorie. Permet de limiter les bannières affichées à celles qui font partie d’une catégorie spécifi ée
(par exemple seulement les liens textes).

Recherche par tag (balise). Vous pouvez associer des balises à chaque bannière. Cette option permet de limiter l’affichage aux seules bannières qui possèdent un mot clé particulier.

Hasard. Vous pouvez contrôler l’ordre d’affichage des différentes bannières. Le choix SCOTCHÉ, TRIÉ implique que les premières bannières à s’afficher sont celles que désigne le marqueur Sticky.
Puis les autres bannières sont prises en compte dans l’ordre de tri de la liste. Le choix SCOTCHÉ, AU HASARD fait afficher d’abord les bannières qui possèdent le marqueur Sticky, mais après une sélection aléatoire parmi celles-ci.

Texte d’en-tête. Le texte avant la bannière.

Texte de pied. Le texte après la bannière.

Suffixe de classe de module. Permet de spécifier un identifi ant qui est ajouté à la fin du nom de la
classe de formatage CSS. Si vous indiquez par exemple dans le champ table, la classe portera le
nom module_table. Il faut dans ce cas définir cette nouvelle classe dans le fichier CSS approprié du
template.

10.3.4 Menu principal (mod_mainmenu)

Le descriptif de module interne appelé mod_mainmenu correspond au module le plus utilisé. C’est
ce type de module qui a servi à créer le nouveau menu du Chapitre 7 (que nous avions appelé LIVRE JOOMLA! 1.5). Il est du type main_menu. Les variantes correspondent au menu vertical (Main Menu) et au menu horizontal (Top Menu). Dans le cas d’un menu vertical, vous pouvez choisir un affichage sans hiérarchie (liste simple).

Nom du menu. Indique le nom du menu auquel est associé ce module.

Style du menu. Vertical, horizontal ou liste simple.

Niveau de départ. Niveau hiérarchique à partir duquel les articles du menu doivent être affichés.

Dernier niveau. Profondeur maximale hiérarchique d’affichage des articles de ce menu.

Toujours afficher les sous-menus. Permet de faire afficher les détails d’un menu ou pas. L’option
n’a d’intérêt qu’avec un menu hiérarchisé (voir Figure 10.8).

Position de la cible. Les valeurs spécifi ées ici s’appliquent à tous les éléments de menu dont le
paramètre de choix de mode d’ouverture demande l’ouverture dans une nouvelle fenêtre sans navigation. Voici un jeu de paramètres possible : top=10, left=10, width=200, height=300.
Vous pouvez par les paramètres de compatibilité afficher les éléments de menu sous forme
d’icônes de menu à la manière de Joomla! 1.0.

Figure 10.7 Le volet des paramètres de module du menu principal.

Figure 10.8 Exemple de menu avec sous-menu.

Surbrillance active. Ce paramètre permet de marquer comme actifs les éléments parents. En temps
normal, seul le lien actif est marqué ainsi. Attention : marquer plusieurs liens comme actifs simultanément est contraire au standard XHTML.

Afficher les icônes du menu. Vous pouvez décider ici de faire afficher les icônes, tout en sachant
que la fonction dépend aussi du template en vigueur.

Alignement de l’icône du menu. Permet de choisir entre l’affichage de l’icône à gauche ou à droite.

Image d’indentation. Sert à personnaliser la puce habituellement présentée à gauche d’un élément
de menu. Vous pouvez sélectionner une icône issue du template, conserver le choix standard de
Joomla!, définir une image différente pour chaque niveau de la hiérarchie ou ne rien afficher du tout.

Image d’indentation 1-6. Permet de choisir l’icône pour chacun des six niveaux.

Élément d’espacement/séparateur. Il est conseillé dans le cas des menus horizontaux comme
Top Menu de prévoir un séparateur entre les éléments.

Séparateur de fin. Vous pouvez ajouter un petit symbole à la fin des éléments de menus horizontaux au moyen de cette option.

10.3.5 Statistiques (mod_statistics)

Ce module est inactif par défaut. Une fois que vous l’activez, vous devez désigner la page sur laquelle il doit apparaître. Il donne les informations au sujet du serveur et du site Web.

Info serveur. Affichage ou non des informations du serveur.

Info site. Affichage ou non des informations du site.

Compteur de clics. Affichage ou non du compteur de visites.

Augmentation du compteur. Modification de la valeur de départ du compteur.

10.3.6 Login Form (mod_login)

Ce module offre deux modes d’affichage. Lorsque le visiteur n’est pas encore identifi é, il voit un
formulaire d’identification. Si les paramètres globaux du site le permettent (SITE > CONFIGURATION GLOBALE), il peut s’enregistrer comme nouvel utilisateur identifié (voir Figure 10.9). Une fois que l’identification a réussi, le module montre un bouton pour se déconnecter (voir Figure 10.10).

Figure 10.9 Module d’ouverture de session mod_login.

Figure 10.10 Module d’ouverture de session, session ouverte.

Paramètres du module

Mise en cache. Permet de maintenir le contenu du menu dans la mémoire cache pour accélérer les
chargements.

Suffixe de classe de module. Permet de spécifier un suffi xe qui sera ajouté à la classe CSS pour
personnaliser l’affichage du menu.

Texte avant. Texte qui sera présenté avant le formulaire dans le mode Ouverture de session Login.

Texte après. Texte présenté à la fin du module.

Page de redirection après la connexion. Sert à indiquer une adresse URL vers laquelle le visiteur
est amené s’il réussit à ouvrir une session.

URL de redirection après la déconnexion. Comme le précédent, mais lors de la fermeture d’une
session (Logout).

Message d’accueil. Le module change d’aspect lorsque l’ouverture de session réussit. Il affiche alors un message d’accueil et un bouton de déconnexion. Vous pouvez décider de masquer ce message. Nom/Identifiant. Permet de faire afficher le nom complet ou le seul identifi ant dans le message d’accueil.

10.3.7 Archive (mod_archive)

Comme celui des statistiques, ce module n’est pas actif par défaut. Vous devez après l’avoir activé choisir la ou les pages sur lesquelles il doit apparaître. Il rappelle le contenu de l’archive, groupé par mois.

Paramètre

Décompte. Nombre de mois d’archives à afficher.

10.3.8 Sections (mod_sections)

Ce module n’est pas non plus actif par défaut. Il présente la liste des sections existantes sur le site.
Une fois qu’il est activé, il faut choisir les pages sur lesquelles il doit apparaître. Il offre toutes les
sections disponibles (voir Figure 10.11).

Figure 10.11 Le Module Sections.

Paramètre

Décompte. Nombre maximal de sections à afficher.

10.3.9 Related Items (mod_related_items)

Ce module présente les titres des contenus qui sont apparentés au contenu actuel.

Les relations sont faites en fonction des métadonnées, donc des mots clés. Tous les mots clés du
contenu actuel sont comparés aux mots clés de tous les autres contenus.

Si vous avez par exemple ajouté dans la page prédéfinie JOOMLA! LICENSE GUIDELINES ainsi que dans une page de mention légale les termes légal et juridique, vous verrez apparaître le nom d’une des deux pages lorsque l’autre s’affiche.

10.3.10 Wrapper (mod_wrapper)

Ce module permet d’incorporer un contenu externe, non géré par Joomla! au sein d’une balise
HTML nommée iframe. Cette balise incarne une zone d’affichage avec barre de défilement. Grâce
à ce module, vous pouvez incorporer des pages HTML complètes se trouvant sur d’autres serveurs
dans la zone de contenu de Joomla!. La Figure 10.12 fournit un exemple.

Figure 10.12 Exemple de page Web liée par le module Wrapper.

URL. Saisissez ici une adresse standard.

Ascenseurs. Permet d’afficher ou non des barres de défilement ou d’utiliser des barres automatiques
qui n’apparaissent qu’en cas de besoin.

Largeur/Hauteur. Largeur et hauteur du cadre en pourcentage ou en pixels.

Hauteur auto. Ajustement automatique de la hauteur.

Ajout automatique. Par défaut, l’adresse indiquée reçoit en préfi xe la mention http:// si cette adresse
ne commence ni par http:// ni par https://. Vous pouvez empêcher ce mécanisme.

Nom de la cible. Permet de spécifier le nom du cadre iframe (name attribut).

10.3.11 Feed Display (mod_feed)

Ce module permet d’afficher un fil d’actualité sur la page Web (voir Figure 10.13).

Paramètres du module

Url du fil. Permet de spécifier l’adresse URL du Fil d’actualité.

Sens d’écriture (Feed RTL). Permet de choisir entre écriture de droite à gauche ou de gauche à droite.

Figure 10.13 Un fil d’actualité Newsfeed en tant que module.

Titre du Fil. Pour afficher ou masquer le titre.

Description du Fil. Pour afficher ou masquer le texte du Fil.

Image du Fil. Pour afficher ou masquer le logo du Fil.

Éléments. Nombre d’éléments à afficher en même temps.

Description de l’élément. Permet d’afficher ou de masquer le corps de texte de chaque élément. En général, mieux vaut le masquer (comme dans notre figure).

Comptage des mots. Permet de limiter l’affichage de la description au nombre de mots stipulé.

10.3.12 Qui est en ligne (Who’s Online, mod_whosonline)

Ce module sert à savoir qui est actuellement connecté au site. Les visiteurs anonymes et les visiteurs
enregistrés sont distingués.

Paramètre

Affichage. Permet de contrôler l’affichage du module. Vous avez le choix entre :

• nombre de visiteurs anonymes et nombre de membres ;
• noms des utilisateurs membres enregistrés ;
• une combinaison des deux choix précédents.

Figure 10.14 Le module Who’s Online.

10.3.13 Sondages (Polls, mod_poll)

Ce module sert à afficher les sondages. Le traitement de ces sondages est réalisé par le composant
approprié, qui a été décrit au Chapitre 9.4 et qui est accessible par la commande COMPOSANTS > SONDAGES. Vous pouvez choisir dans les paramètres quel sondage afficher.

10.3.14 Publicité (Advertisement, mod_banners)

Ce module est une simple copie du module des bannières. Il est spécialisé dans les bannières de la
catégorie prédéfinie Text Ads, c’est-à-dire des liens textes.

10.3.15 Image aléatoire (Random image, mod_random_image)

Ce module permet d’afficher une des images d’un dossier, choisie au hasard. Le module est actif par
défaut, mais il n’est associé à aucune page. Vous devez donc procéder à cette association en utilisant
le bouton ÉDITER pour modifi er les paramètres.

Paramètres

Type de l’image. Choix du format d’image (.JPG, .PNG ou .GIF). La gestion d’un seul type à la fois est possible.

Dossier de l’image. Nom du dossier ou du dossier dans lequel se trouve la série d’images. Choisissez par exemple images/stories/.

Lien. Si vous indiquez une adresse ici, vous pouvez cliquer sur l’image pour accéder à la page cible.

Largeur (px)/Hauteur (px). Largeur et hauteur de l’image à afficher en pixels. Si le paramètre est
non déterminé, les images sont affichées le mieux possible en fonction des contraintes du template.

10.3.16 Syndication (mod_syndicate)

Ce module propose les différents fils d’actualité. Les paramètres permettent de contrôler le nombre de standards supportés et l’utilisation d’images standard ou spécifi ques. Les contenus des fils proposés correspondent aux entrées sur la page de couverture (voir Figure 10.15).

Figure 10.15 Le module Syndication.

10.3.17 Flash actu (Newsflash, mod_newsflash)

Ce module sélectionne au hasard le chapeau (début) d’un des articles du site.

Figure 10.16 Le module Newsflash.

Paramètres

Catégorie. Permet de restreindre la sélection aléatoire à une catégorie.

Mise en page. Permet de choisir entre un affichage en colonne (horizontal) ou comme dans la figure
précédente (vertical).

Afficher les images. Permet de faire afficher ou non les images se trouvant dans le contenu.

Titres cliquables. Si vous répondez oui à l’option TITRE DE L’ARTICLE, vous pouvez choisir ici de
relier le texte du titre à la page de contenu sous forme de lien.

Lire la suite (lien). Permet d’afficher ou non le lien LIRE LA SUITE....

Titre de l’article. Permet d’afficher ou non le titre de l’article.

# d’articles. Nombre maximal d’articles affichés en même temps.

10.3.18 Derniers articles (Latest News, mod_latestnews)

Ce module permet d’afficher les articles d’actualité les plus récents (voir Figure 10.17). Par défaut,
le module est positionné à l’endroit user1 dans la page. Vous pouvez le déplacer, par exemple sur
la droite.

Paramètres

Nombre à afficher. Permet de définir le nombre d’éléments à présenter dans le module.

Ordre. Permet d’afficher les articles les plus récents ou bien les plus récemment modifi és.

Auteur. Permet de filtrer l’affichage aux seuls articles d’un auteur.

Articles de la page d’accueil. Permet d’incorporer dans l’affichage les articles déjà affichés sur la
page d’accueil.

ID section. Vous pouvez indiquer ici des numéros d’enregistrement de sections (voir la colonne
correspondante) en les séparant par des virgules pour limiter la sélection des contenus à ceux de ces
sections.

ID catégorie. Comme pour les sections mais pour les sous-sections que sont les catégories.

10.3.19 Articles les plus lus (Popular, mod_mostread)

Ce module sélectionne et affiche les articles les plus consultés.

Figure 10.17 Le module Latest News.

Figure 10.18 Le module Popular.

Paramètres

Les paramètres sont les mêmes que ceux du module Latest News.

10.3.20 Fonction de recherche (Search, mod_search)

Dans le template standard, l’affichage du module de recherche se limite à un champ de saisie en haut
à droite.

Les templates fournis avec Joomla! ne changent rien à ce paramétrage (voir Figure 10.19).

Figure 10.19 Le module Search.

Paramètres du module

Largeur du champ de recherche. Longueur maximale de la saisie, par exemple trente caractères.

Texte. Texte initial qui doit être affiché dans le champ pour inviter à la saisie.

Bouton de recherche. Permet de faire afficher un bouton de recherche.

Position du bouton. Si vous avez activé le bouton, vous pouvez en choisir la position (à droite, à
gauche, en haut, en bas).

Bouton recherche comme image. Permet d’utiliser un fichier graphique pour le bouton.

Texte du bouton. Permet de définir la légende du bouton de recherche.