{"id":143359,"date":"2025-01-10T15:19:09","date_gmt":"2025-01-10T14:19:09","guid":{"rendered":"https:\/\/www.seopress.org\/fr\/?post_type=documentation&#038;p=143359"},"modified":"2025-07-11T09:56:53","modified_gmt":"2025-07-11T07:56:53","slug":"comment-utiliser-le-bloc-table-des-matieres-avec-lediteur-de-blocs-et-ledition-de-site","status":"publish","type":"documentation","link":"https:\/\/www.seopress.org\/fr\/support\/guides\/bloc-table-des-matieres-editeur-de-blocs-et-edition-de-site\/","title":{"rendered":"Comment utiliser le bloc Table des mati\u00e8res avec l&rsquo;\u00e9diteur de blocs et l&rsquo;\u00e9dition de site"},"content":{"rendered":"<h2>Ajouter une table des mati\u00e8res \u00e0 un article de blog \u00e0 l&rsquo;aide de l&rsquo;\u00e9diteur de blocs<\/h2>\n<p>Modifiez un article, une page ou un type de publication, cliquez sur l&rsquo;ic\u00f4ne <strong>Plus<\/strong> dans le coin sup\u00e9rieur gauche, recherchez la <strong>table des mati\u00e8res<\/strong> et cliquez dessus pour l&rsquo;ins\u00e9rer dans le contenu de votre publication.<\/p>\n<p><iframe loading=\"lazy\" title=\"How to use &quot;Table Of Contents&quot; block with Gutenberg\" width=\"856\" height=\"482\" src=\"https:\/\/www.youtube.com\/embed\/aMsl74Lq3yI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2>Personnaliser la mise en page du bloc de table des mati\u00e8res<\/h2>\n<h3>Titre de la Table des mati\u00e8res<\/h3>\n<p>Cliquez simplement sur le titre pour le modifier en quelque chose d&rsquo;autre que \u00ab Table des mati\u00e8res \u00bb.<\/p>\n<p>Vous pouvez \u00e9galement modifier certains param\u00e8tres comme la balise HTML utilis\u00e9e (p, h2, div, etc.) depuis sa barre d&rsquo;outils.<\/p>\n<h3>Styles<\/h3>\n<p>Cliquez sur le bloc <strong>table des mati\u00e8res<\/strong>, puis dans le <strong>panneau de droite<\/strong>, acc\u00e9dez \u00e0 l\u2019onglet <strong>Styles<\/strong>.<\/p>\n<p>Ensuite, modifiez chaque propri\u00e9t\u00e9 \u00e0 laquelle vous souhaitez appliquer une mise en page personnalis\u00e9e.<\/p>\n<h3>OL\/UL<\/h3>\n<p>Pour convertir la liste <strong>ordonn\u00e9e<\/strong> en liste <strong>non ordonn\u00e9e<\/strong>, acc\u00e9dez aux <strong>r\u00e9glages<\/strong> du bloc <strong>Table des mati\u00e8res<\/strong> et cliquez sur l&rsquo;option \u00ab\u00a0<strong>Afficher sous forme de liste non ordonn\u00e9e<\/strong>\u00a0\u00bb.<\/p>\n<h3>Inclure\/exclure les en-t\u00eates<\/h3>\n<p>Vous pouvez \u00e9galement, depuis l\u2019onglet <strong>Param\u00e8tres<\/strong>, <strong>inclure<\/strong>\/<strong>exclure<\/strong> des titres de niveaux sp\u00e9cifiques en cochant ceux que vous souhaitez.<\/p>\n<h3>Masquer un titre de niveau sp\u00e9cifique du bloc de table des mati\u00e8res<\/h3>\n<p>S\u00e9lectionnez le titre que vous souhaitez masquer (H1 \u00e0 H6) du contenu de l&rsquo;article.<\/p>\n<p>Depuis le panneau de droite, ajoutez cette classe CSS via la section <strong>Avanc\u00e9e<\/strong>, champ <strong>Classe CSS suppl\u00e9mentaire<\/strong>:<\/p>\n<p><code>seopress-toc-hidden<\/code><\/p>\n<p><strong>Enregistrez l&rsquo;article<\/strong> et videz le cache si n\u00e9cessaire.<\/p>\n<figure id=\"attachment_143361\" aria-labelledby=\"figcaption_attachment_143361\" class=\"wp-caption alignnone\" ><a href=\"https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-exclude-heading.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-143361\" src=\"https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-exclude-heading.png\" alt=\"Exclude un titre de niveau du bloc Table des Mati\u00e8res\" width=\"360\" height=\"625\" \/><\/a><figcaption id=\"figcaption_attachment_143361\" class=\"wp-caption-text mt-3 mb-5 fst-italic\">Exclude un titre de niveau du bloc Table des Mati\u00e8res<\/figcaption><\/figure>\n<h2>Ajoutez automatiquement une table des mati\u00e8res \u00e0 chaque article\/page ou type d&rsquo;article individuel avec l&rsquo;\u00e9dition compl\u00e8te du site<\/h2>\n<div class=\"alert alert-info\">La version <strong>8.3<\/strong> de <a href=\"https:\/\/www.seopress.org\/fr\/extensions-seo-wordpress\/seopress-pro\/\"><strong>SEOPress PRO<\/strong><\/a> est requise pour prendre en charge l&rsquo;\u00e9dition compl\u00e8te du site (FSE).<\/div>\n<p>Pour \u00e9viter d&rsquo;ajouter manuellement un bloc de table des mati\u00e8res \u00e0 chaque article de blog, par exemple, vous pouvez utiliser FSE pour l&rsquo;ajouter une seule fois.<\/p>\n<p>Allez dans <strong>Apparence<\/strong>, <strong>\u00c9diteur<\/strong>, <strong>Mod\u00e8les<\/strong> et choisissez le mod\u00e8le <strong>Publications seules<\/strong>.<\/p>\n<p>Ajoutez le bloc de <strong>table des mati\u00e8res<\/strong> comme d\u2019habitude \u00e0 l\u2019endroit o\u00f9 vous souhaitez qu\u2019il s\u2019affiche.<\/p>\n<p>Nous vous recommandons de le regrouper, puis de s\u00e9lectionner le bloc de <strong>table des mati\u00e8res<\/strong> et, depuis sa barre d&rsquo;outils, de cliquer sur <strong>Aligner<\/strong> et d&rsquo;opter pour \u00ab <strong>Aucun<\/strong> \u00bb ou \u00ab <strong>Grande largeur<\/strong> \u00bb.<\/p>\n<p><strong>Sauvegarder<\/strong> le mod\u00e8le.<\/p>\n<p>Essayez un article de blog pour le voir en action !<\/p>\n<figure id=\"attachment_143362\" aria-labelledby=\"figcaption_attachment_143362\" class=\"wp-caption alignnone\" ><a href=\"https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-143362\" src=\"https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing.png\" alt=\"Ajoutez le bloc Table des mati\u00e8res de SEOPress \u00e0 un mod\u00e8le avec l'\u00e9dition compl\u00e8te du site\" width=\"5120\" height=\"2140\" srcset=\"https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing.png 5120w, https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing-768x321.png 768w, https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing-1536x642.png 1536w, https:\/\/www.seopress.org\/fr\/wp-content\/uploads\/sites\/2\/2025\/01\/seopress-table-of-contents-block-full-site-editing-2048x856.png 2048w\" sizes=\"auto, (max-width: 5120px) 100vw, 5120px\" \/><\/a><figcaption id=\"figcaption_attachment_143362\" class=\"wp-caption-text mt-3 mb-5 fst-italic\">Ajoutez le bloc Table des mati\u00e8res de SEOPress \u00e0 un mod\u00e8le avec l&rsquo;\u00e9dition compl\u00e8te du site<\/figcaption><\/figure>\n","protected":false},"featured_media":0,"parent":0,"template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","editor_notices":[],"footnotes":""},"class_list":{"0":"post-143359","1":"documentation","2":"type-documentation","3":"status-publish","5":"documentation_type-guides","6":"product-seopress-pro"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/documentation\/143359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/types\/documentation"}],"version-history":[{"count":0,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/documentation\/143359\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/media?parent=143359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}