{"id":977,"date":"2025-03-11T06:43:46","date_gmt":"2025-03-11T06:43:46","guid":{"rendered":"https:\/\/tableberg.com\/?p=977"},"modified":"2025-03-11T06:43:49","modified_gmt":"2025-03-11T06:43:49","slug":"comment-creer-une-table-des-matieres-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er une table des mati\u00e8res dans WordPress"},"content":{"rendered":"<p>Une table des mati\u00e8res (TOC) est une liste organis\u00e9e de titres, de sous-titres et de sections qui figurent g\u00e9n\u00e9ralement au d\u00e9but d'un article de blog. Il s'agit d'un guide de navigation d\u00e9crivant les principaux points afin que les utilisateurs puissent comprendre rapidement les sujets abord\u00e9s dans l'article\/le contenu.<\/p>\n\n\n\n<p>Tous les points de la table des mati\u00e8res sont pr\u00e9sent\u00e9s sous forme de textes d'ancrage HTML cliquables. Ainsi, les utilisateurs peuvent instantan\u00e9ment acc\u00e9der aux points particuliers du contenu en cliquant dessus. Dans cet article, nous allons vous montrer comment cr\u00e9er une table des mati\u00e8res dans WordPress.<\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents\" id=\"ub_table-of-contents-a2d60368-230c-41df-b77d-4b44fcf4217f\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"true\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">Table des mati\u00e8res :<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/#0-step-01-install-the-ultimate-blocks-plugin\" style=\"\">\u00c9tape 01 : Installer le plugin Ultimate Blocks<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/#1-step-02-organize-your-content-with-proper-heading-tags\" style=\"\">\u00c9tape 02 : Organisez votre contenu avec des balises d'en-t\u00eate appropri\u00e9es<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/#2-step-03-add-the-table-of-contents-block\" style=\"\">\u00c9tape 03 : Ajouter le bloc de la table des mati\u00e8res<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/#3-step-04-customize-settings-of-the-table-of-contents-block\" style=\"\">\u00c9tape 04 : Personnalisation des param\u00e8tres du bloc de la table des mati\u00e8res<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/fr\/how-to-create-a-table-of-contents-in-wordpress\/#4-conclusion\" style=\"\">Conclusion<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Essai gratuit<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"0-step-01-install-the-ultimate-blocks-plugin\">\u00c9tape 01 : Installer le plugin Ultimate Blocks<\/h2>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blocs ultimes<\/a> est un plugin de blocs. Il comprend 25+ blocs Gutenberg personnalis\u00e9s pour aider \u00e0 la cr\u00e9ation de contenu. La table des mati\u00e8res est l'un d'entre eux. <strong>Installer<\/strong> et <strong>activer<\/strong> le plugin sur votre site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"655\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp\" alt=\"Installer et activer le plugin Ultimate Blocks\" class=\"wp-image-456\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-300x154.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-1024x524.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Install-and-activate-the-Ultimate-Blocks-plugin-768x393.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"1-step-02-organize-your-content-with-proper-heading-tags\">\u00c9tape 02 : Organisez votre contenu avec des balises d'en-t\u00eate appropri\u00e9es<\/h2>\n\n\n\n<p>WordPress vous permet d'ajouter jusqu'\u00e0 six balises d'en-t\u00eate (de H1 \u00e0 h6) \u00e0 votre contenu. Il est impossible de cr\u00e9er une table des mati\u00e8res sans placer correctement les balises d'en-t\u00eate.<\/p>\n\n\n\n<p>La balise H1 est toujours r\u00e9serv\u00e9e aux titres des articles. Vous pouvez donc utiliser les balises d'en-t\u00eate de h2 \u00e0 h6 dans les articles en fonction de leur demande. Voir l'image ci-dessous - nous avons cr\u00e9\u00e9 une structure avec ces balises.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings.webp\" alt=\"Contenu organis\u00e9 avec des titres appropri\u00e9s\" class=\"wp-image-978\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Content-organized-with-proper-headings-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-step-03-add-the-table-of-contents-block\">\u00c9tape 03 : Ajouter le bloc de la table des mati\u00e8res<\/h2>\n\n\n\n<p>Placez votre curseur \u00e0 l'endroit o\u00f9 vous souhaitez cr\u00e9er la table des mati\u00e8res. Appuyez sur la touche <strong>bouton plus (+)<\/strong>. Type <strong>Table des mati\u00e8res<\/strong> dans la bo\u00eete de recherche. Ajoutez-le \u00e0 l'\u00e9diteur.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"523\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp\" alt=\"Ajouter le bloc Table des mati\u00e8res\" class=\"wp-image-979\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block-768x392.webp 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Add-the-Table-of-Contents-block.webp 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vous pouvez voir le <strong>Table des mati\u00e8res<\/strong> est cr\u00e9\u00e9. N'oubliez pas de lui donner un titre en haut.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created.webp\" alt=\"Le bloc de la table des mati\u00e8res est cr\u00e9\u00e9\" class=\"wp-image-980\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/The-table-of-content-block-is-created-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"3-step-04-customize-settings-of-the-table-of-contents-block\">\u00c9tape 04 : Personnalisation des param\u00e8tres du bloc de la table des mati\u00e8res<\/h2>\n\n\n\n<p>Le bloc Table des mati\u00e8res vous permet de personnaliser de nombreux param\u00e8tres. Ouvrez la fen\u00eatre <strong>Onglet Param\u00e8tres<\/strong> sur la barre lat\u00e9rale droite. <strong>Cochez les rubriques<\/strong> que vous souhaitez afficher. Suivant, <strong>s\u00e9lectionner un type de mise en page<\/strong> pour le bloc que vous souhaitez.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png\" alt=\"Personnaliser les titres et la mise en page du bloc de la table des mati\u00e8res\" class=\"wp-image-981\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block.png 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-300x153.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-1024x523.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Customize-headings-and-layout-of-the-Table-of-Contents-block-768x392.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Faites d\u00e9filer un peu plus l'onglet Param\u00e8tres. Les options de l'onglet vous permettent d'effectuer les op\u00e9rations suivantes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Repliable -<\/strong> Masque l'ensemble du bloc et l'ouvre en cliquant.<\/li>\n\n\n\n<li><strong>D\u00e9filement -<\/strong> Ils permettent un d\u00e9filement fluide et renvoient \u00e0 des identifiants, des classes et des \u00e9l\u00e9ments.<\/li>\n\n\n\n<li><strong>Suppl\u00e9mentaire -<\/strong> Romaniser le texte d'ancrage et supprimer les signes diacritiques des liens d'ancrage.<\/li>\n\n\n\n<li><strong>Contr\u00f4le r\u00e9actif -<\/strong> Permet d'afficher\/masquer le bloc sur des types d'appareils sp\u00e9cifiques (mobile, tablette et ordinateur de bureau)<\/li>\n<\/ul>\n\n\n\n<p>Les <strong>Option pro<\/strong> est r\u00e9serv\u00e9 aux utilisateurs premium. Lorsque vous passez \u00e0 la version premium, vous pouvez ajouter des ic\u00f4nes au bloc et le rendre collant lors du d\u00e9filement du contenu.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"654\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block.webp\" alt=\"Personnaliser davantage les param\u00e8tres du bloc Table des mati\u00e8res\" class=\"wp-image-982\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-1024x523.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/Further-customize-settings-of-the-Table-of-Contents-block-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Ainsi, vous pouvez cr\u00e9er la table des mati\u00e8res de vos articles de blog avec le plugin Ultimate Blocks.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3989f76a-aacc-4e7e-bbdb-71981945f31c\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"4-conclusion\">Conclusion<\/h2>\n\n\n\n<p>L'ajout d'une table des mati\u00e8res est obligatoire lorsque vous traitez de longs billets de blog et articles. Elle permet en effet aux utilisateurs de trouver rapidement le contenu qu'ils recherchent. Cela permet non seulement de pr\u00e9server l'exp\u00e9rience de l'utilisateur, mais aussi de gagner du temps.<\/p>\n\n\n\n<p>Les Ultimate Blocks comportent de nombreux autres blocs qui vous permettent de rendre votre contenu plus attrayant et plus lisible. Jetez un coup d'\u0153il \u00e0 <a href=\"https:\/\/ultimateblocks.com\/\" data-type=\"link\" data-id=\"https:\/\/ultimateblocks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">ce que vous pouvez faire avec le plugin Ultimate Blocks<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>A table of contents (TOC) is an organized list of headings, subheadings, and sections usually covered at the beginning of any blog post. It is a navigational guide outlining the main points so users can quickly understand the topics discussed in the post\/content. All the points in TOC are presented in clickable HTML anchor texts. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7987,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[37,18],"class_list":["post-977","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-table-of-contents","tag-ultimate-blocks"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-a-Table-of-Contents-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=977"}],"version-history":[{"count":6,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/977\/revisions"}],"predecessor-version":[{"id":7990,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/977\/revisions\/7990"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/7987"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}