Aller au contenu

Module v1.0.0

Configurer Échelle de page

Sur une longue page, vos visiteurs savent toujours où ils en sont : une échelle discrète nomme la rubrique en cours et mène à la suivante.

sommaire Ce que ce module apporte →

Ce qu'il fait

Sur une longue page découpée en rubriques (une carte de restaurant, une page de services), une échelle discrète à droite montre où l'on est, nomme la rubrique en cours et mène à la suivante ; sur téléphone, une pastille en bas d'écran (rubrique, n/N, suivante, liste). Le module porte la fonction, le thème porte l'allure : la prise (views/sommaire.php) est data-only, une allure de départ est dans le README. Aucune table, aucun écran : les rubriques viennent du thème (liste ou attributs data-sommaire).

  • Une jauge de progression et un point par rubrique
  • Une pastille en bas d'écran sur téléphone
  • Tient compte d'un entête fixe, respecte « réduire les animations »
  • Habillée par votre thème, aux couleurs de votre site

Piloter par une IA

Ce module ne se pilote pas par une IA.

L'échelle n'a aucune donnée à elle : elle lit les rubriques que le thème pose dans la page (Sommaire::rendre ou data-sommaire). On la règle en modifiant le thème, jamais à distance.

Ses prises front

Les morceaux de page que ce module fournit, et les classes qu'ils posent. Un thème les habille par ces classes : il ne recopie pas le balisage, sinon il rate les corrections des versions suivantes.

views/sommaire.php 19 classes
  • s-sommaire
  • s-sommaire-feuille
  • s-sommaire-feuille-liste
  • s-sommaire-feuille-titre
  • s-sommaire-item
  • s-sommaire-jauge
  • s-sommaire-libelle
  • s-sommaire-lien
  • s-sommaire-liste
  • s-sommaire-mobile
  • s-sommaire-pastille
  • s-sommaire-pastille-compte
  • s-sommaire-pastille-libelle
  • s-sommaire-pastille-nom
  • s-sommaire-pastille-suivant
  • s-sommaire-piste
  • s-sommaire-point
  • s-sommaire-suivant
  • s-sommaire-suivant-mot