Comment créer des onglets dans WordPress pour organiser le contenu

Si vous devez publier de nombreux types d'informations sur des articles de blog ou des pages de manière concise, les onglets peuvent être un élément web utile pour y parvenir. Ils vous permettent d'organiser le contenu en sections distinctes afin que les utilisateurs puissent explorer et trouver de manière sélective les informations dont ils ont besoin.

Avec l'éditeur de blocs Gutenberg, vous pouvez facilement ajouter des onglets à vos articles de blog. Dans cet article, nous allons vous montrer comment créer des onglets dans WordPress pour organiser le contenu. Avant cela, nous répondrons à quelques questions de base.

Créer de belles tables
Avec l'éditeur de blocs

Que sont les onglets dans WordPress ?

Les onglets servent d'outil de navigation et vous permettent d'afficher de nombreuses informations dans différentes sections. Ainsi, les utilisateurs n'ont pas besoin de faire défiler la page de façon excessive pour explorer les nombreuses informations contenues dans votre article ou votre page.

Ils fournissent un format structuré permettant aux utilisateurs de trouver les informations spécifiques qu'ils recherchent en cliquant dessus. L'élément tabulation est généralement utilisé pour afficher les pages web dans les sections "héros" et "en-tête".

Mais aujourd'hui, avec l'aide de certains plugins Gutenberg, vous pouvez créer du contenu sous forme d'onglets n'importe où sur n'importe quel article ou page.

Quand utiliser les onglets dans WordPress ?

Le contenu tabulé est particulièrement efficace lorsque vous disposez d'une grande quantité d'informations qui doivent être affichées sous forme de tableaux. Cet élément est particulièrement efficace pour organiser les types d'informations suivants.

Description du produit : Vous pouvez utiliser ce bloc pour présenter les spécifications du produit, ses caractéristiques et les avis des clients dans des onglets distincts.

Offres de services : Si vous avez plusieurs plans de services ou forfaits, il est préférable de les présenter dans des sections distinctes.

Plans de tarification : Il est déjà courant d'afficher plusieurs plans tarifaires dans différents onglets sur les sites web.

FAQ: Bien que la plupart des gens aiment utiliser les blocs FAQ et les blocs à bascule de contenu pour la section FAQ, vous pouvez également utiliser le bloc d'onglets pour couvrir cette section.

Information comparative : Si des informations sont mieux présentées dans une section côte à côte, le bloc d'onglets est utile dans ce cas.

Comment créer des onglets dans WordPress

La bibliothèque de blocs par défaut de Gutenberg ne contient pas le bloc d'onglets. Vous devez utiliser un plugin comme Blocs ultimes pour l'avoir dans la bibliothèque de blocs. Le plugin dispose de plus de 25 plugins supplémentaires qui vous permettront d'améliorer votre design web et votre marketing de contenu.

Étape 01 : Installer et activer le plugin Ultimate Blocks

Aller à Plugins > Ajouter un nouveau plugin. Type Blocs ultimes dans la barre de recherche située dans le coin supérieur droit. Installer et activer le plugin tel qu'il apparaît ci-dessous.

Installer et activer le plugin Ultimate Blocks

Étape 02 : Insérer le bloc de contenu à onglets

Ouvrez un article ou une page. Trouvez l'icône Contenu à onglets en appuyant sur bouton plus (+). Une fois que vous avez trouvé le bloc, ajoutez-le à l'éditeur Gutenberg.

Ajouter le bloc Tabbed Content à l'éditeur Gutenberg

Étape 03 : Ajouter de nouveaux onglets et les renommer

En cliquant sur le bouton icône plus (+)Vous pouvez ajouter autant d'onglets que vous le souhaitez au bloc.

Ajouter de nouveaux onglets au bloc Contenu à onglets

Prenez votre curseur et cliquez sur les onglets un par un. Vous pourrez les renommer. Renommez donc les onglets en fonction du contenu que vous allez afficher.

Renommer les onglets du bloc Contenu à onglets

Étape 04 : Ajouter du contenu aux onglets

Sélectionnez un onglet dans lequel vous souhaitez ajouter du contenu. Placez ensuite le curseur dans son éditeur. Vous verrez apparaître l'icône bouton plus (+) de l'éditeur Gutenberg est apparu. Cliquez et choisissez le bloc de contenu dont vous avez besoin.

Ajouter du contenu à l'onglet

Pour ce tutoriel, nous avons ajouté les blocs texte et image à l'onglet. Vous pouvez également ajouter d'autres blocs à l'onglet. Procédez de la même manière pour les autres onglets.

Textes et images ajoutés au bloc Tabbed Content

Étape 05 : Personnalisation des onglets

Accédez à la barre latérale droite tout en gardant le bloc Tabbed Content sélectionné. Vous y trouverez diverses options à configurer, comme les types d'onglets, l'ancrage des onglets et la réactivité.

Lorsque vous passez à la version premium, vous pouvez ajouter des icônes aux titres des onglets, des textes secondaires et des boutons d'appel à l'action dans les onglets.

Configurer les paramètres du bloc Tabbed Content

Ensuite, venez à la Onglet Styles. Vous aurez la possibilité de colorer le contenu des onglets, de modifier la disposition des onglets et de définir une nouvelle dimension. J'espère que vous pourrez explorer et réaliser ces options vous-même.

Styliser le bloc Tabbed Content

Conclusion

Le bloc Tabbed Content fourni avec le plugin Ultimate Blocks est automatiquement adapté à tous les appareils. Par conséquent, vous n'avez pas besoin de passer beaucoup de temps à le rendre compatible avec les appareils.

Mais ce qu'il faut faire, c'est placer le bloc à un endroit approprié pour que l'ensemble de votre article/page soit parfait. Découvrez notre autre article - comment créer un bouton d'appel à l'action dans WordPress.



L'équipe Tableberg

L'offre de réservation anticipée est en ligne dès maintenant !
Texte par défaut de la barre de notification