Comment créer des onglets sans extension tierce ?

Written by | 01 December 2015 | Published in 2015 December
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.

Comment créer des onglets sans extension tierce ?

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.

Comment créer des onglets sans extension tierce ?

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".

Comment créer des onglets sans extension tierce ?

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”.

Comment créer des onglets sans extension tierce ?

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.

Comment créer des onglets sans extension tierce ?

 

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.

Comment créer des onglets sans extension tierce ?

 

Résultat final

Affichez maintenant votre article en frontend pour voir le résultat et le rendu.

Comment créer des onglets sans extension tierce ?

 

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"

 

 

Read 5993 times Tagged under French
Daniel Dubois

Daniel Dubois

I started Joomla sitebuilding in 2007, without any knowledges about HTML , CSS or PhP. I am completely self taught !

Now, I try to help beginners by sharing my knowledge and giving advice. I am a proud and enthusiastic member of the Joomla Extensions Directory and a freaquent tweeter on all things Joomla.