Personyze Wiki Personyze Wiki docs
Français
Open Personyze
Docs/ Modèle Pagination d’articles — précédent/suivant ou étapes

Modèle Pagination d’articles — précédent/suivant ou étapes

Permettre aux lecteurs de passer d’un article recommandé à l’autre sans quitter la page, avec une paire Précédent/Suivant ou une navigation pas à pas.

3 min read Updated 1 hour ago

Article Paging permet aux lecteurs de passer d’un article recommandé à l’autre sans quitter la page. Il remplace les deux anciens modèles Paging Navigation par un seul widget qui propose à la fois une paire Précédent/Suivant et une navigation pas à pas, ainsi que six thèmes.

Le modèle Article Paging, avec les articles précédent et suivant poussés dans les coins gauche et droit
Disposition Précédent/Suivant poussée vers les bords, avec le thème Light. Le fond du widget est transparent : il se pose sur la couleur de votre page.

Quand l’utiliser

  • À la fin d’un article, comme navigation classique Précédent / Suivant en pied de page.
  • Dans une barre latérale, comme navigation pas à pas compacte que le lecteur peut parcourir.
  • Partout où vous voulez une deuxième lecture sans sacrifier une grille complète de cartes.

L’ajouter à une action

Créez une action Les recommandations de contenu, puis choisissez Article Paging — Prev/Next or Stepper dans le sélecteur de modèles. L’emplacement du widget sur la page vient de l’étape Lieu de l’action ; le modèle n’est que le widget lui-même.

Styles de pagination

  • Paire Précédent / Suivant — deux articles côte à côte, l’un pointant vers l’arrière et l’autre vers l’avant. Utilisez Prev/Next Placement pour les répartir également sur la rangée ou les pousser tout à gauche et tout à droite.
  • Stepper — un article à la fois, avec des flèches et un compteur, jusqu’à huit articles.

Les deux styles lisent le même ensemble d’articles : passer de l’un à l’autre ne demande aucune autre modification.

Réglages

  • Theme — Light, Dark, Gold, Bold, Ocean ou Minimal. Minimal supprime entièrement la carte pour que seul le texte se pose sur le fond de votre page.
  • Accent Colour — remplacement facultatif pour les libellés, les flèches et les bordures au survol. Laissez-le vide pour conserver la couleur du thème.
  • Item Shape — barre standard, pilule, minimale, ou carte empilée avec une grande image.
  • Widget Width — pleine largeur, ou limitée par un maximum.
  • Thumbnail, Category, Hover Preview — chacun peut être désactivé.
  • Empty Message — ce qui s’affiche quand le moteur de recommandation ne renvoie rien.

Conseils

  • Le fond du widget est transparent par défaut : il hérite de la couleur de votre page au lieu de peindre une bande blanche. Utilisez le thème pour colorer les éléments eux-mêmes.
  • Sur les écrans de moins de 600 px, la paire s’empile verticalement : le réglage des coins ne s’applique donc qu’aux écrans plus larges.
  • Les réglages qui ne s’appliquent pas à vos choix actuels sont masqués automatiquement — choisissez la forme Card et le contrôle de hauteur d’image apparaît.

Pour aller plus loin

Did this page answer your question?
Thank you — that goes to whoever maintains this page.