Joomla propose nativement un système d'affichage du contenu par onglets pour les articles. Le plug-in qui permet cette fonction est le même que celui qui divise un article en plusieurs pages. Dans ce tutoriel, nous allons vous montrer comment ajouter des onglets dans vos articles avec le plugin "Saut de page".
L'article
Ouvrez "Contenu > Articles > Ajouter un article"
Ajouter votre texte. Dans l'exemple ci-dessous, nous utilisons du faux texte.
1 - Placez le curseur de votre souris au début de votre premier paragraphe, qui sera ensuite affiche sous forme d'onglets.
2 - Cliquez sur le bouton éditeur "Saut de page" situé sous la zone de saisi du texte.
Dans la fenêtre popup qui s'ouvre, indiquez le titre de l'onglet.
l'ajout d'un alias est ici facultatif.
Cliquez sur le bouton "Insérer le saut de page".
Répétez ce processus pour chaque nouvel onglet à créer. Placez le curseur de la souris à la fin de la première partie de contenu.
Indiquez un titre pour cette autre partie.
Cliquez sur "Enregistrer et fermer" lorsque vous avez terminé.
Le plug-in "Saut de page"
Ouvrez maintenant "Extensions > Plug-in".
Filtrez votre recherche avec "Contenu - Saut de page”.
Réglez le dernier paramètre "Type d'affichage" sur "Onglets".
Assurez-vous que le plug-in est bien activé.
Cliquez sur "Enregistrer et fermer" pour terminer.
Le lien de menu
Il nous faut un lien de menu pour afficher notre article en frontend.
Créons un nouveau lien de menu en ouvrant "Menus > votre menu > Ajouter un lien de menu".
Comme type de lien de menu, choisissez "Articles > Article - affiche un article unique".
Choisissez l'article que vous venez de créer.
Indiquez un titre à votre lien de menu.
Cliquez sur "Enregistrer et fermer" pour terminer.
Résultat final
Affichez maintenant votre article en frontend pour voir le résultat et le rendu.
IMPORTANT :
Cet article est une traduction libre par "Daniel Dubois" de l'article original How to Create Tabs without Third Party Extensions par "Valentin Garcia"