Table des matières
Donnez à vos lecteurs une feuille de route claire grâce à votre contenu long avec cet élément dynamique de la Table des matières Il analyse automatiquement votre page pour les titres et crée un index cliquable, ce qui permet aux visiteurs de passer très facilement à la section dont ils ont besoin Vous pouvez choisir des icônes de liste élégantes, rendre le tout pliable pour économiser de l'espace, et même ajouter un bouton pratique de “scroll vers top” Avec un contrôle total sur les couleurs, l'espacement et la typographie pour chaque partie, vous pouvez concevoir un COT qui semble avoir été codé sur mesure pour votre site, tout en améliorant l'expérience utilisateur et le temps passé sur page.
Collection de titres intelligente et automatisée
L'élément détecte intelligemment la structure de titre (H1, H2, H3, etc) sur votre page et génère la table des matières automatiquement, vous évitant ainsi de créer et de mettre à jour manuellement des liens.
- Créez instantanément une liste de contenus précise pour les articles, la documentation ou les pages de destination.
- Gagne beaucoup de temps par rapport à la construction d'une liste manuelle de liens d'ancrage.
- S'assure que le COT correspond toujours à la structure actuelle de votre page si vous modifiez des titres plus tard.
Conception interactive et économe en espace
Rendez votre table des matières pliable afin que les utilisateurs puissent l'étendre ou la masquer en un clic. Vous pouvez la définir pour démarrer en l'espace pour garder la disposition de la page propre et contrôler la taille et la couleur de l'icône à bascule.
- Améliorez l'esthétique de la page en cachant le COT jusqu'à ce qu'un utilisateur souhaite l'utiliser.
- Parfait pour les écrans mobiles où l'espace est limité.
- Fournit une sensation moderne et interactive qui améliore l'engagement des utilisateurs.
Navigation améliorée avec des outils de défilement
Comprend un bouton dédié “Scroll to Top” qui apparaît lorsque les utilisateurs défilent vers le bas Vous pouvez personnaliser sa position, sa taille, ses couleurs et activer un défilement fluide avec un délai d'animation personnalisable pour une expérience soignée.
- Améliore considérablement la navigation sur les longues pages, évitant ainsi aux utilisateurs le défilement manuel.
- L'effet de défilement fluide ajoute une sensation professionnelle et transparente aux sauts de page.
- Permet un réglage fin du décalage de défilement pour tenir compte des en-têtes fixes ou d'autres éléments de disposition.
Foire aux questions pour la table des matières
Puis-je exclure des titres spécifiques de la table des matières ?
Oui. Vous pouvez exclure globalement les titres par type de balise (comme tous les H4) dans les paramètres Pour exclure un seul titre spécifique, vous ajoutez une classe CSS personnalisée à l'onglet Avancé de cet élément de titre particulier dans Elementor.
Fonctionne-t-il avec toutes les balises de cap (H1, H2, H3, etc) ?
Oui. L'élément est conçu pour reconnaître la hiérarchie standard des balises de titre HTML de H1 à H6. Vous pouvez généralement choisir les niveaux à inclure dans les paramètres de contenu.
Comment styliser la section actuellement active dans la liste ?
Il existe des contrôles de couleur dédiés pour les“Active Title” et “Active Border.” Ceux-ci vous permettent de modifier l'apparence de l'élément TOC qui correspond à la section que l'utilisateur consulte actuellement sur la page.
Le bouton « Faire défiler vers le haut » apparaîtra-t-il sur chaque page ?
Le bouton fait partie de cette instance d'élément spécifique Il apparaîtra uniquement sur les pages où vous placez et configurez ce widget Table des matières Il ne s'agit pas d'un bouton global à l'échelle du site à moins que vous ajoutiez le widget à un modèle à l'échelle du site.
Puis-je utiliser des icônes personnalisées pour le style de liste ?
Les captures d'écran affichent des options de style de liste prédéfinies (comme les numéros et les icônes).Bien que vous puissiez choisir parmi les styles disponibles et les colorer, la création d'icônes entièrement personnalisées nécessiterait probablement un CSS supplémentaire, sauf si le plugin offre un sélecteur direct de bibliothèque d'icônes.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
