Formation Logo Joomla Joomla!


Utiliser judicieusement les modules


Nous avons vu au cours du chapitre consacré à la préparation de votre projet, comment imaginer l'arborescence de votre site.

Au cours de cet article, nous allons utiliser les positions de module du template Protostar pour mettre en forme le footer de notre page d'accueil. Le but ici est de combiner la souplesse du template avec les normes de web design, sans sacrifier le rendu Responsive Design du site.


Pour les besoins de cet article, nous avons ajouté 3 nouvelles positions de modules que nous avons placé dans le bas du conteneur principal, avant le footer.


On entend par footer (ou pied de page, en français), la partie basse de la page d'un site web. Cette zone est généralement réservée aux liens de contact, aux liens vers les pages importantes du site (mentions légales, plan du site, etc), aux réseaux sociaux, à l'inscription à la newsletter, etc.

Il est également conseillé d'avoir le même footer sur l'ensemble des pages du site de manière à être persistant et d'éviter de pertutber l'internaute avec une mise en page changeante ou avec différentes structures sur les pages d'un même site web.


Exemple de footer :


Utiliser judicieusement les modules


Pour obtenir ce type de mise en page pour le footer, il faut nécessairement recourir aux modules et utiliser les positions du template pour cela. C'est ce que nous allons voir dans cet article.


Le choix des modules

Nous disposons de 3 nouvelles positions dans le footer. En fonction de l'arborescence qui a été définie en amont du projet, nous allons afficher les informations suivantes :

  • Nos coordonnées : adresse et téléphone de la société,
  • Tags populaires : les tags les plus utilisés sur le site,
  • Informations : informations saisonnières,

Pour créer ces modules, nous n'utiliserons que des modules existants dans Joomla!, à savoir :

  • Contenu personnalisé ('mod_custom') pour afficher les coordonnées de la société en position position-4 et l'information saisonnière en position position-6,
  • Tags populaires ('Tags populaires') pour afficher les tags en position position-5,

Si aucun module existant ne convient à vos besoins, il faut alors ajouter une extension tierce à Joomla. Nous verrons cela au cours du chapitre 7 - Ajouter des fonctions supplémentaires.


Utiliser judicieusement les modules


Le module Contenu personnalisé

Ce module vous permet d'afficher tout ce que vous voulez. D'ailleurs, sa description est explicite sur ce point : "Le module 'mod_custom' permet de créer vos propres modules personnalisés en y intégrant les contenus souhaités à l'aide de l'éditeur et, de code si les droits de l'éditeur et de Joomla vous le permettent.


Pour créer un nouveau module depuis le panneau d'administration, ouvrez Extensions puis Module.


Utiliser judicieusement les modules


Cliquez ensuite sur Nouveau et dans la liste des types de modules qui s'affiche, sélectionnez Contenu personnalisé.

Utiliser judicieusement les modules


Indiquez le titre de votre module et remplissez la zone de texte avec les informations que vous souhaitez afficher.


Dans la partie droite, vous pouvez :

  • choisir d'afficher (ou non) le titre du module,
  • indiquer la position du template dans laquelle le module doit s'afficher en frontend,
  • sélectionner le statut du module : publié, non publie, dans la corbeille./

Utiliser judicieusement les modules


Enregistrez votre saisie et vos paramètres en cliquant sur Enregistrer et fermer.


Nous allons maintenant créer un second module Contenu personnalisé pour afficher notre information saisonnière : jusqu'au 15 mai.

Indiquez le titre de votre module et remplissez la zone de texte avec les informations que vous souhaitez afficher.

Dans la partie droite, nous allons indiquer une date de fin de publication du module : 15 mai


Utiliser judicieusement les modules


Ainsi paramétré, le module sera affiché dans la position indiquée jusqu'au 15 mai 2016 à 16h10. Ensuite, il sera automatiquement dépublié par Joomla sans intervention de votre part.

Vous pouvez parfaitement paramétrer la publication d'un module ou d'un article en spécifiant une date de début et une date de fin de publication automatiques.


Le module Tags populaires

Les tags sont des mots-clefs (attention à ne pas confondre avec les mots clefs qu'appréciait Google). Les tags sont ajoutés soit dans les articles, dans les catégories, dans certains modules, etc. Ils sont répertoriés dans le composant "Tags" qui est accessible depuis le panneau d'administration en suivant Composants puis Tags.


Utiliser judicieusement les modules


Assurez-vous que le composant contient déjà quelques tags car vous devez avoir déjà ajouté des tags dans un article, une catégorie ou un module pour que le module Tags populaires puisse fonctionner.

Créons maintenant notre nouveau module en sélectionnant Tags populaires comme type de module :


Utiliser judicieusement les modules


Indiquez un titre pour votre module et réglez les différents paramètres selon vos besoins :


Utiliser judicieusement les modules


Dans la partie droite, vous pouvez :

  • choisir d'afficher (ou non) le titre du module,
  • indiquer la position du template dans laquelle le module doit s'afficher en frontend,
  • sélectionner le statut du module : publié, non publie, dans la corbeille./

N'oubliez pas d'enregistrer votre saisie et vos paramètres.


Affichons maintenant le frontend du site pour voir nos modules en situation :


Utiliser judicieusement les modules


Nous avons bien nos trois modules en pied de page qui affichent :

  • les coordonnées de la société
  • les tags les plus populaires
  • et l'information saisonnière


Quizz

Dans le prochain article, nous verrons comment mettre en place un site multilingue. Mais avant cela, je vous invite à répondre à une question portant sur l'article que vous venez de lire.


Combien de tags peut afficher le module Tags populaires ?





Please answer the question.


Et ensuite...

 

web-eau.net is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is
used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.