Lorsque votre contenu est bien structuré, les utilisateurs ont tendance à y rester plus longtemps. Les onglets imbriqués vous permettent de garder les choses ordonnées, interactives et conviviales, ce qui convient parfaitement à la documentation, aux tableaux de prix et aux FAQ.
Ils permettent aux utilisateurs de passer d'une section à l'autre sans quitter la page, afin que tout soit accessible dans un espace compact. Au lieu d'une page encombrée et d'un défilement incessant, vous obtenez une présentation bien structurée où les multiples couches d'informations restent à portée de main et faciles à parcourir.
Vous serez heureux d'apprendre que vous pouvez ajouter des onglets imbriqués dans WordPress sans aucune complexité. Tout ce qu'il faut, c'est le bon outil, et Blocs ultimes est précisément cela. Notre article vous aide à trouver la réponse à la question de savoir comment ajouter des onglets imbriqués dans WordPress de la manière la plus simple possible.
Ajouter des onglets imbriqués dans WordPress
Pour les utilisateurs de Gutenberg, Blocs ultimes est le choix idéal pour ajouter facilement des onglets imbriqués. Cependant, avec 26 blocs différents construits pour des objectifs différents, Ultimate Blocks n'est pas seulement pour les onglets. Il s'agit d'une solution tout-en-un qui vous équipe des bons outils pour structurer le contenu, améliorer la clarté et ajouter des éléments interactifs dans Gutenberg.
Étape 1 : Préparer le plugin
Tout d'abord, vous devez vous rendre sur votre tableau de bord WordPress. De là, cliquez sur Plugins dans le menu de gauche, puis choisissez Ajouter un nouveau. Dans la barre de recherche, tapez Blocs ultimes, et le résultat devrait apparaître en quelques secondes. Une fois que le plugin apparaît dans le résultat, cliquez sur Installer maintenant. Laissez-lui une seconde pour travailler, et lorsque c'est fait, activez le plugin, et vous êtes prêt.
Étape 2 : Insérer le bloc de contenu à onglets
Ouvrez votre article ou votre page dans l'éditeur Gutenberg où vous souhaitez ajouter vos onglets imbriqués. Dans l'éditeur, cliquez sur le bouton + chercher le bouton Contenu à ongletset insérez-le dans votre contenu. Ce sera la base de votre mise en page à onglets.
Étape 3 : Création d'onglets et d'onglets imbriqués
Une fois que le Contenu à onglets est ajouté, vous aurez un seul onglet par défaut. Pour créer plusieurs onglets dans la première couche, cliquez sur le bouton "+" et ajoutez-en autant que nécessaire. Vous pouvez renommer chaque onglet en cliquant directement sur le titre et en tapant le nouveau nom. Chaque onglet agit comme un conteneur dans lequel vous pouvez insérer du texte, des images ou tout autre bloc de contenu.
Pour créer onglets imbriquéssélectionner un onglet du premier calque et en insérer un autre Contenu à onglets à l'intérieur de celui-ci à l'aide de l'outil d'insertion de blocs. Ce nouveau bloc fonctionnera comme un système d'onglets de deuxième niveau à l'intérieur de l'onglet sélectionné. Vous pouvez répéter le même processus pour ajouter d'autres couches imbriquées afin de structurer votre contenu à plusieurs niveaux.
Étape 4 : Personnaliser jusqu'à ce que ce soit parfait
Une fois que vous avez placé votre contenu dans chaque onglet, vous pouvez modifier l'aspect de vos onglets. Dans l'onglet Paramètres généraux vous pouvez modifier l'onglet type d'onglet, ajouter ancres d'ongletset, dans la version Pro, comprennent icônes, imageset textes secondaires avec le titre.
En Réglages des styles, vous pouvez ajuster la couleurs pour les onglets, les titres et le contenu, modifiez l'élément disposition des onglets pour passer de l'un à l'autre horizontale et vertical onglets et de personnaliser le bordure et dimensions pour s'adapter à votre design.
Étape 5 : Prévisualisation et publication des onglets imbriqués
Avant d'activer vos onglets imbriqués, cliquez sur l'icône Avant-première pour vérifier que tout fonctionne comme prévu. Assurez-vous que tous les onglets passent sans problème et que les onglets imbriqués s'affichent correctement. Si des ajustements sont nécessaires, revenez en arrière et modifiez les paramètres. Une fois que tout semble correct, cliquez sur Publier ou Mise à jour pour que vos modifications soient prises en compte.
Voici une démonstration rapide des onglets imbriqués en action.
Conclusion
Les onglets imbriqués rendent la navigation dans le contenu en couches de WordPress plus intuitive, et Ultimate Blocks offre un moyen simple de les mettre en œuvre dans l'éditeur Gutenberg. Cependant, comme il ne prend pas en charge les vrais onglets imbriqués, vous devrez insérer manuellement les blocs Tabbed Content les uns dans les autres pour obtenir l'effet. Si vous utilisez un autre éditeur, il existe des alternativesLes plugins d'onglets ne prennent pas tous en charge l'imbrication multi-niveaux par défaut. Testez la méthode que nous avons révélée dans cet article, voyez si elle répond à vos besoins, et si ce n'est pas le cas, explorez d'autres plugins qui pourraient mieux vous convenir. N'attendez pas et mettez-vous au travail dès maintenant. Commencez à organiser votre contenu et voyez la différence.
