{"id":907,"date":"2025-07-14T18:22:29","date_gmt":"2025-07-14T18:22:29","guid":{"rendered":"https:\/\/tableberg.com\/?p=907"},"modified":"2025-07-14T18:22:31","modified_gmt":"2025-07-14T18:22:31","slug":"comment-creer-des-onglets-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-tabs-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er des onglets dans WordPress pour organiser le contenu"},"content":{"rendered":"

Si vous devez publier de nombreux types d'informations sur des articles de blog ou des pages de mani\u00e8re concise, les onglets peuvent \u00eatre un \u00e9l\u00e9ment 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\u00e8re s\u00e9lective les informations dont ils ont besoin.<\/p>\n\n\n\n

Avec l'\u00e9diteur de blocs Gutenberg, vous pouvez facilement ajouter des onglets \u00e0 vos articles de blog. Dans cet article, nous allons vous montrer comment cr\u00e9er des onglets dans WordPress pour organiser le contenu. Avant cela, nous r\u00e9pondrons \u00e0 quelques questions de base.<\/p>\n\n\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
Qu'est-ce qu'un onglet ?<\/strong><\/div>\n\t\t\t<\/div>
\n\t\t\t\t
Quand faut-il utiliser des onglets ? <\/strong><\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t
\n\n

Les onglets servent d'outil de navigation et vous permettent d'afficher de nombreuses informations dans diff\u00e9rentes sections. Ainsi, les utilisateurs n'ont pas besoin de faire d\u00e9filer la page de fa\u00e7on excessive pour explorer les nombreuses informations contenues dans votre article ou votre page.<\/p>\n\n\n\n

Ils fournissent un format structur\u00e9 permettant aux utilisateurs de trouver les informations sp\u00e9cifiques qu'ils recherchent en cliquant dessus. L'\u00e9l\u00e9ment tabulation est g\u00e9n\u00e9ralement utilis\u00e9 pour afficher les pages web dans les sections \"h\u00e9ros\" et \"en-t\u00eate\".<\/p>\n\n\n\n

Mais aujourd'hui, avec l'aide de certains plugins Gutenberg, vous pouvez cr\u00e9er du contenu sous forme d'onglets n'importe o\u00f9 sur n'importe quel article ou page.<\/p>\n\n<\/div>

\n\n

Le contenu tabul\u00e9 est particuli\u00e8rement efficace lorsque vous disposez d'une grande quantit\u00e9 d'informations qui doivent \u00eatre affich\u00e9es sous forme de tableaux. Cet \u00e9l\u00e9ment est particuli\u00e8rement efficace pour organiser les types d'informations suivants.<\/p>\n\n\n\n

Description du produit :<\/strong> Vous pouvez utiliser ce bloc pour pr\u00e9senter les sp\u00e9cifications du produit, ses caract\u00e9ristiques et les avis des clients dans des onglets distincts.<\/p>\n\n\n\n

Offres de services :<\/strong> Si vous avez plusieurs plans de services ou forfaits, il est pr\u00e9f\u00e9rable de les pr\u00e9senter dans des sections distinctes.<\/p>\n\n\n\n

Plans de tarification :<\/strong> Il est d\u00e9j\u00e0 courant d'afficher plusieurs plans tarifaires dans diff\u00e9rents onglets sur les sites web.<\/p>\n\n\n\n

FAQ<\/strong>: Bien que la plupart des gens aiment utiliser les blocs FAQ et les blocs \u00e0 bascule de contenu pour la section FAQ, vous pouvez \u00e9galement utiliser le bloc d'onglets pour couvrir cette section.<\/p>\n\n\n\n

Information comparative :<\/strong> Si des informations sont mieux pr\u00e9sent\u00e9es dans une section c\u00f4te \u00e0 c\u00f4te, le bloc d'onglets est utile dans ce cas.<\/p>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n\n

Cr\u00e9er des onglets pour n'importe quel contenu dans WordPress<\/h2>\n\n\n\n

La biblioth\u00e8que de blocs par d\u00e9faut de Gutenberg ne contient pas le bloc d'onglets. Vous devez utiliser un plugin comme Blocs ultimes<\/a> pour l'avoir dans la biblioth\u00e8que de blocs. Le plugin dispose de plus de 25 plugins suppl\u00e9mentaires qui vous permettront d'am\u00e9liorer votre design web et votre marketing de contenu.<\/p>\n\n\n\n

Le \"TContenu abr\u00e9g\u00e9<\/a>Le bloc ' d'Ultimate Blocks vous permet d'ajouter n'importe quel contenu dans les onglets. Voyons comment proc\u00e9der. <\/p>\n\n\n\n

\u00c9tape 01 : Installer et activer le plugin Ultimate Blocks<\/h3>\n\n\n\n

Aller \u00e0 Plugins > Ajouter un nouveau plugin<\/strong>. Type Blocs ultimes<\/strong> dans la barre de recherche situ\u00e9e dans le coin sup\u00e9rieur droit. Installer<\/strong> et activer<\/strong> le plugin tel qu'il appara\u00eet ci-dessous.<\/p>\n\n\n\n

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

\u00c9tape 02 : Ins\u00e9rer le bloc de contenu \u00e0 onglets<\/h3>\n\n\n\n

Ouvrez un article ou une page. Trouvez l'ic\u00f4ne Contenu \u00e0 onglets<\/strong> en appuyant sur bouton plus (+)<\/strong>. Une fois que vous avez trouv\u00e9 le bloc, ajoutez-le \u00e0 l'\u00e9diteur Gutenberg.<\/p>\n\n\n\n

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

\u00c9tape 03 : Ajouter de nouveaux onglets et les renommer<\/h3>\n\n\n\n

En cliquant sur le bouton ic\u00f4ne plus (+)<\/strong>Vous pouvez ajouter autant d'onglets que vous le souhaitez au bloc.<\/p>\n\n\n\n

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

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.<\/p>\n\n\n\n

\"Renommer<\/figure>\n\n\n\n

\u00c9tape 04 : Ajouter du contenu aux onglets<\/h3>\n\n\n\n

S\u00e9lectionnez un onglet dans lequel vous souhaitez ajouter du contenu. Placez ensuite le curseur dans son \u00e9diteur. Vous verrez appara\u00eetre l'ic\u00f4ne bouton plus (+)<\/strong> de l'\u00e9diteur Gutenberg est apparu. Cliquez et choisissez le bloc de contenu dont vous avez besoin.<\/p>\n\n\n\n

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

Pour ce tutoriel, nous avons ajout\u00e9 les blocs texte et image \u00e0 l'onglet. Vous pouvez \u00e9galement ajouter d'autres blocs \u00e0 l'onglet. Proc\u00e9dez de la m\u00eame mani\u00e8re pour les autres onglets.<\/p>\n\n\n\n

\"Textes<\/figure>\n\n\n\n

\u00c9tape 05 : Personnalisation des onglets<\/h3>\n\n\n\n

Acc\u00e9dez \u00e0 la barre lat\u00e9rale droite tout en gardant le bloc Tabbed Content s\u00e9lectionn\u00e9. Vous y trouverez diverses options \u00e0 configurer, comme les types d'onglets, l'ancrage des onglets et la r\u00e9activit\u00e9.<\/p>\n\n\n\n

Lorsque vous passez \u00e0 la version premium, vous pouvez ajouter des ic\u00f4nes aux titres des onglets, des textes secondaires et des boutons d'appel \u00e0 l'action dans les onglets.<\/p>\n\n\n\n

\"Configurer<\/figure>\n\n\n\n

Ensuite, venez \u00e0 la Onglet Styles<\/strong>. Vous aurez la possibilit\u00e9 de colorer le contenu des onglets, de modifier la disposition des onglets et de d\u00e9finir une nouvelle dimension. J'esp\u00e8re que vous pourrez explorer et r\u00e9aliser ces options vous-m\u00eame.<\/p>\n\n\n\n

\"Styliser<\/figure>\n\n\n\n
\n\n\n\n

Tutoriel vid\u00e9o<\/h3>\n\n\n\n
\n