Table of Contents Plus (ou TOC+) est un plugin très utile sur WordPress pour ajouter un sommaire dans les articles ou pages. Le sommaire aussi appelé « table de contenu » ou « table des matières » est un élément très pratique pour permettre aux internautes d’aller lire en un clic les parties qui les intéressent au sein d’un article ou page. Sans devoir scroller jusqu’à cette partie.
Aussi découvrons aujourd’hui le plugin populaire Table of Contents Plus 🙂 Qui sert à ajouter un sommaire (ou table des matières) dans un post ou page WordPress !
Sommaire
- Focus sur Table of Contents Plus le plugin WordPress pour ajouter un sommaire
- Exemple de tables des matières ou sommaire de Table of Contents Plus
- Fonctionnement de Table of Contents Plus
- Configuration de Table of Contents Plus
- Comment afficher un sommaire manuellement avec TOC+ ?
- Ajouter TOC+ avec les blocs Gutenberg
- Avantages et force de Table of Contents Plus
- Que donne le sommaire TOC+ sur mobile ?
Focus sur Table of Contents Plus le plugin WordPress pour ajouter un sommaire
Faisons un point macro sur Table of Contents Plus le plugin qui sert donc à ajouter un sommaire ou table des matières à une page et/ou un article WordPress.
Table of Contents Plus en quelques chiffres :
- Une note de 4,4 sur 5 étoiles (basée sur 154 votes)
- Environ 300 000 installations actives sur des sites web WordPress
- Une traduction de minimum 25 langues
- Le plugin WordPress est 100% gratuit et open source (créé par Micheal Tran)
Autant dire qu’en termes de chiffres, Table of Contents Plus fait déjà ses preuves. 😉
Exemple de tables des matières ou sommaire de Table of Contents Plus
Maintenant que nous connaissons les chiffres relatifs au plugin Table of Contents Plus, regardons ce que peut donner visuellement un sommaire ajouté avec cette extension WordPress en image comme ci-dessous avec capture d’écran :
La table des matières (ou sommaire) affichée en image ci-dessus est présente sur un des articles de Yes We Blog. Elle ne nécessite aucune connaissance CSS ou HTML ou autre langage informatique. Mais seulement quelques éléments de configuration. C’est une extension donc idéale pour afficher un sommaire comme on en trouve par exemple dans les pages Wikipedia. Quand un contenu est long et dense.
Fonctionnement de Table of Contents Plus
Une fois activé sur WordPress et selon les paramètres définis que nous verrons après, Table of Contents Plus affiche donc un sommaire sur un article ou page WordPress. Les liens du sommaire sont des liens ancrés. Ces liens ancrés mènent donc à une zone/partie du contenu WordPress au sein de la même page/article.
Les liens ancrés sont basés sur les titres présents dans un article ou page. Il convient donc d’utiliser des titres pour que le plugin fonctionne.
Configuration de Table of Contents Plus
Pour faire fonctionner TOC+, installez puis activez l’extension nommée : « Table of Contents Plus ».
Puis pour trouver comment configurer Table of Contents Plus, suivez le chemin ci-dessous
- Allez dans le menu « Réglages » de WP puis dans TOC+
- Configurez les options selon vos préférences : niveaux de titre, emplacement de la table des matières, styles…
Maintenant, voyons les éléments de configuration de TOC+. Vous verrez 3 onglets :
- Options principales
- Plan du site
- Aide
Pour l’affiche d’un sommaire ou table des matières dans des articles ou pages WP, c’est exclusivement le premier onglet « Options principales’ qui vous servira.
Options principales de Table of Contents Plus
Dans ce premier onglet de configuration, nous avons les éléments principaux du plugin et de la façon dont il se comportera dans un contenu (page ou article) WordPress.
D’abord, vous pouvez choisir sa position :
- Avant le premier titre (dans le contenu, pas avant le h1/titre1 à savoir titre de l’article ou page)
- Après le premier titre (donc toujours h2 ou autre, mais pas le h1/titre1)
- En haut
- En bas
La position importe car elle permet par exemple d’afficher le chapô ou introduction d’un article/contenu avant d’afficher le sommaire (ou table des matières).
Choisir à partir de combien de titres dans le contenu montrer le sommaire : Ici vous avez un menu déroulant qui vous permet de définir à partir de combien de titres dans le contenu vous souhaitez que TOC+ affiche son sommaire. Par exemple, pour ma part, je l’affiche seulement à partir de 5 titres (donc 5 grandes parties) dans un article. Sachant que j’affiche sur les pages TOC+ qu’au cas par cas.
Insertion automatique pour les types de contenu suivants : Ici vous décidez dans quel type de publication vous souhaitez afficher TOC+. Pour ma part, je ne l’affiche que dans les articles.
Dans les autres options simples :
- Vous pouvez définir si vous souhaitez afficher ou non le titre de votre sommaire et saisir le nom que vous souhaitez montrer.
- Vous pouvez aussi définir si vous soulez afficher la hiérarchie.
- Décidez du nombre d’éléments de la liste
- Activer ou non le défilement doux
Enfin vous aurez une partie très importante portant sur l’apparence :
- Vous pourrez définir la largeur de votre sommaire ou table des matières
- Votre contenant (aucun, droite ou gauche)
- La taille de la police de caractère (100% ou moins…)
- Vous verrez 5 propositions d’affiches et une 6ème qui vous permettra de personnaliser l’affichage du sommaire WP (pour ma part j’utilise le 1er) 🙂
Les propositions visuelles de TOC+ :
Enfin, le dernier élément de ce premier onglet, à savoir Avancé :
- Un système vous permettra de vérifier si les ancres sont bien en miniscules
- Mettre ou non un trait d’union (tiret du 6) plutôt que un underscore (tiret du 8)
- inclure ou non TOC+ sur votre page d’accueil/homepage
- Exclure le fichier css ou non
- Garder les puces webdesignées via votre thème WordPress
- Définir les titres que vous souhaitez utiliser ou non pour votre sommaire (pour ma part je ne coche et n’utilise que les titres h2 (=titre2)
Voici une vue de la partie « Avancé » si exhaustive et importante dans la config du plugin TOC+ :
Onglet Plan de site
Cet onglet ne concerne que l’utilisation du plugin pour afficher un plan de site. Qu’il ne faut pas confondre avec le fichier xml sitemap qu’on saisit et envoie via Google Search Console. Si vous utilisez le shortcode (ou code court) qui convient, cela affichera toute l’arborescence/structure de votre site internet :
[sitemap]Utile si vous voulez dédiée une seule page sur votre site web au plan de ce site pour le proposer à vos visiteurs.
Onglet Aide
Si vous cliquez sur cet onglet, vous serrez envoyé(e)s sur la page de documentation officielle du plugin Table of Contents Plus. Documentation très complète à parcourir si vous souhaitez pousser beaucoup + loin l’usage de l’extension très populaire.
Comment afficher un sommaire manuellement avec TOC+ ?
Le plugin TOC+ est livré avec plusieurs shortcodes (=codes courts), notamment celui pour le sommaire dans un article. Aussi, si vous voulez ajouter seulement de temps en temps un sommaire dans une page très riche et longue en contenu, en mettant le code court qui suit, un code vraiment vraiment court 😀 :
[toc]Pour retirer un sommaire alors que le plugin est configuré pour l’afficher automatiquement mais que vous voulez de temps en temps qu’il ne soit pas présent, alors ajoutez simplement un autre shortcode :
[no_toc]Pratique non ? 😀
Ajouter TOC+ avec les blocs Gutenberg
Pas de bloc Gutenberg à ce jour pour le sommaire de Table of Contents Plus (=table des matières WordPress). C’est la configuration du plugin qui contrôle l’affichage et/ou le/les shortcodes. C’est un petit manque pour les adeptes des blocs qui aimeraient agrémenter leur contenu à la volée avec cette table des contenus 🙁
Avantages et force de Table of Contents Plus
Oui le plugin Table of Contents Plus a de nombreux avantages. C’est a priori de loin le plugin WordPress le plus utilisé pour afficher un sommaire dans des contenus WP. Voici les avantages et forces de Table of Contents Plus :
- Il est simple à configurer : Pas besoin de connaître de code html ou css ou autre. C’est du clé en main. Avec pourtant possibilité d’avoir une config + fine selon les besoins.
- Il est user friendly : Même avec la config par défaut, l’affichage du sommaire dans un article est clean. Il permet à l’utilisateur, comme pour l’exemple le plus connu de Wikipedia et ses célèbres sommaires, d’aller essentiellement au contenu qui nous intéresse sur une page. Bref, c’est bon pour l’expérience utilisateur, à savoir la fameuse UX ! 🙂
- Il est 100% gratuit et open source
- Il est traduit dans au moins 25 langues (dont le français) 😀
Bref, que vous débutiez avec WordPress ou que vous ayez une expérience + avancée du CMS, vous pourrez l’utilisez sans mal !
Que donne le sommaire TOC+ sur mobile ?
Oui, on ne peut pas ne pas citer l’expérience de TOC+ sans évoquer son affichage de sommaire sur téléphone portable. Aussi voyons ça tout de suite :
En somme, l’affichage du sommaire dans un article est bien responsive et est le même que sur ordinateur. de bureau. Encore un autre bon point pour le plugin Table of Contents Plus ! 😀
Personnellement, j’ai beau être webmaster et avoir l’habitude de créer des liens ancrés, je suis très satisfaite qu’un plugin fasse le job à ma place 😎
J’apprécie de pouvoir proposer un sommaire, qu’il soit utilisé ou non. Surtout dans des articles parfois longs et denses; Notamment des tutoriels ou chroniques de plugins WordPress !
