Génération automatique de la table des matières à l'aide de Tocbot
Les longs contenus deviennent la norme avec une réception plus forte de Google et des utilisateurs. Mais ça peut se fatiguer un peu de lire le contenu détaillé avec des tonnes de sous-rubriques à parcourir.
Entrez Tocbot, un gratuit générateur de table des matières construit sur JavaScript. Cela crée automatiquement une liste de tables de matières fixe sur n'importe quelle page et met à jour votre position lorsque vous faites défiler chaque titre.
La page principale comprend un aperçu complet ainsi que la documentation que vous pouvez suivre pour obtenir tout cela..
Tocbot a pas de dépendances et devrait fonctionner dans n'importe quel navigateur avec JavaScript activé. Vous ne faites qu'inclure les fichiers Tocbot JS / CSS et les laisser s'exécuter. Simple!
Vous pouvez même utiliser les versions CDN si vous ne souhaitez rien télécharger localement. C'est une jolie configuration simple et vous pouvez même personnaliser la table des matières pour répondre à vos besoins.
Cependant, cela nécessite un peu de JavaScript pour que cela fonctionne. Plus précisément, vous devez exécuter un init () fonction avec des paramètres définissant où votre navigation doit apparaître et quelle (s) rubrique (s) vous souhaitez cibler (ex. H1-H6).
Consultez le référentiel GitHub pour plus d’informations sur la configuration. Ceci comprend prise en charge du navigateur, tous les paramètres personnalisés et les instructions de configuration pour les principaux fichiers JS / CSS.
L'API est livré avec beaucoup des fonctionnalités que vous pouvez éditer aussi:
- Liste des articles pliable.
- Sous-titres dans le tableau.
- Décalage pour la navigation de table.
- Nav fixe ou statique.
- Liens supplémentaires à ajouter dans la navigation.
Certains concepteurs peuvent préférer créer leur propre table des matières à partir de zéro. Mais il s’agit d’un processus assez technique qui nécessite beaucoup d’efforts manuels..
Avec Tocbot vous êtes juste une fonction de JS loin d'une ToC de travail qui s'exécute de manière dynamique dans tous les en-têtes de page.
Pour en savoir plus, visitez la page d'accueil de Tocbot. Il contient toutes les informations de configuration dont vous avez besoin ainsi que des liens de téléchargement vers les versions CDN (et locales) de tous les fichiers Tocbot..
