{"id":7219,"date":"2025-01-30T12:58:28","date_gmt":"2025-01-30T12:58:28","guid":{"rendered":"https:\/\/tableberg.com\/?p=7219"},"modified":"2025-01-30T12:59:51","modified_gmt":"2025-01-30T12:59:51","slug":"comment-ajouter-des-onglets-verticaux-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-add-vertical-tabs-in-wordpress\/","title":{"rendered":"Comment ajouter des onglets verticaux dans WordPress (\u00e9tapes faciles)"},"content":{"rendered":"

Si vous avez d\u00e9j\u00e0 visit\u00e9 un site web o\u00f9 les informations vous sont pr\u00e9sent\u00e9es dans un d\u00e9sordre chaotique, avec trop de texte et sans structure claire, vous savez \u00e0 quel point la frustration pousse les gens \u00e0 quitter le site.<\/p>\n\n\n\n

Pensez maintenant \u00e0 votre propre site. Si les visiteurs ont du mal \u00e0 trouver ce dont ils ont besoin, il est plus probable qu'ils quittent votre site plut\u00f4t que de fouiller dans votre contenu encombr\u00e9. <\/p>\n\n\n\n

Au lieu d'obliger les visiteurs \u00e0 faire d\u00e9filer le texte \u00e0 l'infini ou \u00e0 chercher dans un mur de texte, vous pouvez utiliser la fonction onglets<\/a> qui vous aideront \u00e0 diviser le contenu en sections. Consid\u00e9rez-les comme les chapitres d'un livre : les utilisateurs cliquent pour aller directement \u00e0 l'essentiel, tandis que votre page reste claire et pr\u00e9cise.<\/p>\n\n\n\n

Dans ce guide, vous apprendrez \u00e0 mettre en place des onglets verticaux dans WordPress en quelques minutes. \u00c0 la fin, vos pages seront plus propres, vos visiteurs resteront plus longtemps, et vous vous demanderez comment vous avez pu vous en passer. Commen\u00e7ons par le commencement.<\/p>\n\n\n\n

\n\n\n\n

Ajouter des onglets verticaux dans WordPress<\/strong><\/h2>\n\n\n\n

Les Blocs ultimes<\/a> Le plugin fournit une fonction 'Contenu \u00e0 onglets<\/strong>qui prend en charge les mises en page horizontales et verticales. Suivez les \u00e9tapes suivantes pour ajouter des onglets verticaux \u00e0 votre site WordPress.<\/p>\n\n\n\n

\"Bloc<\/figure>\n\n\n\n
\n\n\n\n

\u00c9tape 1 : Installation et activation d'Ultimate Blocks<\/strong><\/h3>\n\n\n\n

Pour installer Ultimate Blocks, connectez-vous d'abord \u00e0 votre tableau de bord WordPress. Ensuite, faites d\u00e9filer jusqu'\u00e0 la section Plugins et s\u00e9lectionnez \"Ajouter nouveau<\/strong>. Recherchez ensuite \"Blocs ultimes\"<\/strong> dans le r\u00e9pertoire, cliquez sur \"Installer maintenant<\/strong>et l'activer. <\/p>\n\n\n\n

\"Installer<\/figure>\n\n\n\n
\n\n\n\n

\u00c9tape 2 : Ajouter le bloc de contenu \u00e0 onglets<\/strong><\/h3>\n\n\n\n

Pour ins\u00e9rer des onglets verticaux, ouvrez votre article ou votre page dans l'\u00e9diteur WordPress, acc\u00e9dez \u00e0 l'inserteur de blocs \u00e0 l'aide du bouton “+”<\/strong> rechercher Onglet \"Contenu\"<\/strong>et placez le bloc dans votre zone de contenu.<\/p>\n\n\n\n

\"Ajouter<\/figure>\n\n\n\n
\n\n\n\n

\u00c9tape 3 : Activer les onglets verticaux<\/strong><\/h3>\n\n\n\n

Cliquez sur le bloc de contenu \u00e0 onglets pour ouvrir la fen\u00eatre de contenu \u00e0 onglets. R\u00e9glages des blocs<\/strong>. Cliquez ensuite sur le bouton Styles<\/strong> et faites d\u00e9filer vers le bas jusqu'\u00e0 l'onglet Disposition des onglets<\/strong> section. Trouver le Affichage de la mise en page<\/strong> dans la section \"Mise en page\" et faites passer vos onglets de Horizontal<\/strong> \u00e0 Vertical<\/strong>.<\/p>\n\n\n\n

\"Activer<\/figure>\n\n\n\n
\n\n\n\n

\u00c9tape 4 : Gestion et personnalisation des onglets<\/strong><\/h3>\n\n\n\n

Pour ajouter d'autres onglets, cliquez sur le bouton (+)<\/strong> sous l'onglet existant. Vous pouvez renommer les onglets en cliquant sur le titre de l'onglet et en tapant un nouveau nom. Pour organiser et supprimer les onglets, il suffit de passer la souris sur les onglets et d'utiliser la fonction de d\u00e9placement. \"\" et supprimer \"\" pour effectuer la t\u00e2che requise. Pour ajouter du contenu, cliquez dans la section correspondante de l'onglet et saisissez du texte, des images ou tout autre \u00e9l\u00e9ment pris en charge par le bloc.<\/p>\n\n\n\n

\"G\u00e9rer<\/figure>\n\n\n\n

Maintenant, si vous voulez personnaliser les onglets, vous devez acc\u00e9der \u00e0 l'onglet G\u00e9n\u00e9ral<\/strong> et Styles<\/strong> dans le panneau de configuration du bloc. \u00c0 partir de l\u00e0, vous pourrez modifier les types d'onglets, ajouter des ancres d'onglets, ajouter des ic\u00f4nes, des images et des textes secondaires au titre (Pro), ajuster les couleurs des onglets, des titres et du contenu, et personnaliser les bordures et les dimensions. <\/p>\n\n\n\n

\"Personnaliser<\/figure>\n\n\n\n

Utiliser le Avant-premi\u00e8re<\/strong> pour v\u00e9rifier comment les onglets verticaux apparaissent sur la page d'accueil. Une fois que vous avez cliqu\u00e9 sur le bouton Publier<\/strong> ou Mise \u00e0 jour<\/strong> Voici l'aper\u00e7u g\u00e9n\u00e9ral du contenu des onglets que vous devriez trouver.<\/p>\n\n\n\n

\"Aper\u00e7u<\/figure>\n\n\n\n
\n\n\n\n

Conclusion<\/strong><\/h3>\n\n\n\n

Une page encombr\u00e9e peut inciter les visiteurs \u00e0 quitter le site avant m\u00eame d'avoir trouv\u00e9 ce qu'ils cherchaient. Les onglets verticaux permettent de cr\u00e9er une pr\u00e9sentation plus structur\u00e9e en regroupant les contenus connexes dans des sections distinctes.<\/p>\n\n\n\n

Avec des outils comme le plugin Ultimate Blocks, vous n'avez pas besoin d'\u00eatre expert en codage ou d'avoir pass\u00e9 des heures \u00e0 configurer votre site pour y parvenir. En quelques minutes seulement, vous pouvez transformer des murs de texte \u00e9crasants en une mise en page simple qui s'adapte parfaitement aux ordinateurs de bureau, aux t\u00e9l\u00e9phones portables et \u00e0 d'autres appareils.<\/p>\n\n\n\n

Maintenant que vous savez comment ajouter, g\u00e9rer et personnaliser les onglets verticaux, essayez-les sur votre site. Que ce soit pour FAQ<\/a>Qu'il s'agisse de pages de pr\u00e9sentation, de comparaisons de produits ou de guides, elles rendent le contenu plus accessible et am\u00e9liorent l'exp\u00e9rience globale. La meilleure mise en page est celle qui convient \u00e0 votre public, alors exp\u00e9rimentez diff\u00e9rents param\u00e8tres et trouvez ce qui correspond \u00e0 vos besoins. Commencez \u00e0 les utiliser d\u00e8s maintenant et transformez le chaos en ordre. <\/p>\n\n\n\n

Lire aussi : <\/strong><\/p>\n\n\n