Modèle SPIP - Sommaire d’article automatique
Écrit le 13 mars 2026 - 18 vues
Améliorez la lisibilité de vos articles avec un sommaire automatique sous SPIP. Le modèle Ancre génère une table des matières dynamique à partir de vos intertitres. Simple à installer et rapide à utiliser il optimise la navigation et la structure de vos contenus.
Présentation
Pour améliorer la lisibilité des articles, ce modèle SPIP permet de créer un sommaire automatique basé sur les intertitres. L’idée est simple : plus besoin de créer des liens manuellement, le sommaire se construit automatiquement à partir de la structure du texte.
Installation
L’installation ne se fait qu’une seule fois.
Il suffit de récupérer le fichier ancre.html (fourni avec le modèle) et de le placer dans le dossier :
/squelettes/modeles/
Une fois le fichier en place, le modèle est immédiatement disponible dans vos contenus.
Utilisation dans les articles
L’utilisation est très simple : il suffit d’insérer le raccourci à l’endroit où le sommaire doit apparaître.
Deux variantes sont possibles :
Pour définir un titre personnalisé :
<ancre|titre=Plan de l'étude>
Le texte indiqué remplace le titre du bloc.
Pour afficher uniquement la liste, sans titre :
<ancre|titre=none>
Dans ce cas, seul le contenu du sommaire est affiché.
Le fonctionnement repose sur les intertitres SPIP ({{{ }}}, équivalents des niveaux H2 et H3). S’il n’y a pas d’intertitres dans le texte, aucun sommaire ne sera généré.
Personnalisation
Le design peut être ajusté directement dans le fichier ancre.html, notamment via la balise <style>.
Quelques éléments facilement modifiables :
- Couleur principale (ex :
#3b82f6), - Largeur du bloc (
max-widthou 100%), - Ombres (
box-shadow), - Espacements et typographie.
Le modèle est entièrement personnalisable. Un développeur peut adapter aussi bien le design que le comportement selon les besoins du projet.
Fonctionnalités
Le modèle inclut plusieurs optimisations utiles :
- Défilement fluide vers les sections,
- Marge de sécurité pour éviter que les titres soient collés en haut de l’écran,
- Système anti-doublon pour empêcher l’affichage multiple du sommaire,
- Liens propres sans changement de couleur après clic.
Conclusion
Ce modèle vise à simplifier la mise en forme des articles tout en améliorant leur lisibilité. Une fois installé, il s’intègre naturellement dans le flux de rédaction.
Il constitue une base solide, tout en restant entièrement adaptable pour des besoins spécifiques.
⚠️ ATTENTION : Contenu basé sur des expérimentations, pas sur des pratiques professionnelles validées. Peut contenir des erreurs ou des choix discutables. Testez, adaptez et vérifiez avant toute mise en production.
À bientôt, ici ou ailleurs !
Chrys