Créer une table des matières (TOC) conviviale pour le lecteur est un excellent moyen d'améliorer la navigation et l'expérience utilisateur. Avec l'éditeur Gutenberg, ajouter une table des matières est une solution simple et efficace.
Dans cet article de blog didacticiel, nous découvrirons comment ajouter une table des matières dans Gutenberg à votre contenu WordPress en moins de temps.
Gutenberg has a built-in Table of Contents block that automatically generates a TOC from your post’s headings. It improves navigation and readability for long posts.
Quick Steps:
Step 1 Get the block
In the Gutenberg editor, click the “+” button, search for “Table of Contents,” and add it to your post. It automatically pulls in all the headings from your content.
Étape 2: Customize the block
Paramètres: Choose heading levels and toggle current-page-only for paginated posts.
Styling: Adjust color, font size, border, spacing, and more from the sidebar.
Just add the Gutenberg TOC block, pick your heading levels, and style it; it’s quick.
The Advantages of Implementing a Table of Contents
Une table des matières organise votre contenu WordPress, en particulier le contenu long. Les lecteurs peuvent parcourir l'intégralité du contenu grâce à une table des matières.
Voyons en détail les avantages de la mise en œuvre d’une table des matières.
🔰 Lisibilité améliorée : Pour une navigation rapide et une meilleure compréhension de la structure, vous devez implémenter une table des matières dans votre contenu.
🔰 Expérience utilisateur améliorée : Avec une belle table des matières, les utilisateurs accèdent plus rapidement à l’information.
🔰 Meilleur référencement : Un organisé Table des matières aide à améliorer l'exploration des moteurs de recherche et l'optimisation renforcée des mots clés.
🔰 Accessibilité accrue : Une table des matières facilite la lecture de l'écran et offre une meilleure accessibilité aux personnes handicapées.
🔰 Professionnalisme : De plus, une table des matières confère une apparence soignée et une crédibilité accrue au contenu.
🔷 Technique facile à créer des colonnes et des grilles dans Gutenberg
Comment ajouter une table des matières dans Gutenberg
Plongeons dans le processus d’ajout d’une table des matières au contenu WordPress à l’aide de l’éditeur Gutenberg.
Gutenberg offers a handy block to add a table of contents to your WordPress content quickly.
STEP 1: Get the Block
Dans votre contenu, si vous tapez '/', le bloc de table des matières de Gutenberg apparaîtra. You can simply click on the block and add TOC in the Gutenberg editor.
Encore une fois, vous pouvez recherchez le bloc Table des matières de Gutenberg en tapant le nom. Ensuite, vous pouvez cliquer dessus ou le glisser-déposer dans l'éditeur.
Voici à quoi ressemble le bloc.
STEP 2: Customize the Block
Cependant, lorsque vous structurez votre contenu avec des titres dans Gutenberg, le Le bloc Table des matières est mis à jour dynamiquement, reflétant la hiérarchie de votre article. Il met soigneusement en retrait les sous-titres, créant ainsi une feuille de route claire et intuitive pour vos lecteurs. Les paramètres par défaut sont conçus pour fonctionner de manière transparente, sans effort supplémentaire. Modifiez vos titres et la table des matières s'ajuste automatiquement.
Settings of Gutenberg Table of Contents
- Only include current page: When your post is split into multiple pages, this toggle allows you to decide what the Table of Contents shows. Off (default) → headings from all pages. On → only headings from the current page. If your post isn’t paginated, this setting does nothing.
- Include headings down to level: It lets you control how deep the Table of Contents goes. For example, set to H2 → only top-level headings appear, set to H4 → it also picks up H3s and H4s underneath them.
Style the Gutenberg Table of Contents Block
You can tweak a few basic styles of the block. You can change text color, font size, padding, margin, border, radius, and typography, etc.
Limitations du bloc Table des matières de Gutenberg
🤔 There is a lack of the latest features in the block. For example, automatic numbering, collapsible sections, or the ability to exclude specific headings from the TOC are currently unavailable.
🤔 La table des matières repose en grande partie sur une hiérarchie bien structurée de titres. Toute modification des titres peut perturber l'exactitude de la table des matières.
🤔 Pour les articles longs avec de nombreux titres, le bloc TOC de Gutenberg peut légèrement affecter la vitesse de chargement de la page.
👉 Guide bonus : How to add custom fields to Gutenberg.
Créez votre table des matières dans Gutenberg
Pour rendre votre contenu long plus accessible et attrayant, vous devez donc envisager de mettre en œuvre une table des matières. Cela contribuera également à améliorer la qualité globale de votre site Web WordPress et à attirer des visiteurs.
Et, maintenant que vous savez comment ajouter une table des matières dans Gutenberg, vous pouvez le faire vous-même facilement.
Laisser un commentaire