Accueil » Blog » Tutoriels WordPress » Pagination de blog WordPress : naviguer entre les publications

Pagination de blog WordPress : naviguer entre les publications

La pagination de blog WordPress permet de naviguer entre les publications lorsque le nombre de publications à afficher est supérieur au nombre de publications que la page courante peut afficher.

Une navigation claire entre les pages améliore la lecture de vos publications. Le bloc Pagination aide à organiser cette navigation, sans toucher au code. Voyons comment l’utiliser, le personnaliser et comprendre son fonctionnement.

À quoi sert le bloc Pagination ?

Le bloc Pagination sert à diviser vos publications en plusieurs pages. Il propose une navigation entre les séries d’articles. Vos visiteurs peuvent ainsi passer d’une page à l’autre pour consulter l’ensemble des publications.

Bloc de pagination sur WordPress
Bloc de pagination sur WordPress

Ce bloc s’utilise à l’intérieur de la Boucle de requête. Il ne fonctionne que dans ce contexte. Si vous insérez une boucle, la pagination peut déjà s’y trouver. Tout dépend de la composition choisie au départ. Si elle n’est pas incluse, vous pouvez l’ajouter manuellement.

Vue du bloc de requête et de la pagination wordpress
Vue du bloc de requête et de la pagination WordPress

Pour cela, sélectionnez le bloc modèle de publication. Ensuite, insérez le bloc Pagination à l’intérieur. Vous aurez alors accès à ses réglages pour ajuster son affichage.

Les éléments qui composent le bloc de pagination de blog WordPress

Le bloc Pagination repose sur trois blocs enfants. Chacun a un rôle bien précis dans la navigation entre les pages.

Page précédente

Ce bloc affiche un lien vers la page qui précède la page active. Il permet aux visiteurs de revenir en arrière. Il peut afficher un texte, une flèche ou un chevron selon les réglages choisis.

Numéros de page

Ce bloc montre une suite de numéros cliquables. Chaque numéro renvoie vers une page précise de la série. Vous pouvez choisir combien de liens s’affichent avant et après la page en cours. Les liens vers la première et la dernière page restent visibles en permanence. C’est pratique pour aider les visiteurs à se repérer.

Page suivante

Comme son nom l’indique, ce bloc donne accès à la page suivante. Il fonctionne comme le bloc Page précédente. Il peut afficher un texte ou un simple symbole.

Tous ces blocs sont liés entre eux. Ils assurent une navigation logique et cohérente. Ils ne peuvent pas être utilisés seuls. Ils n’ont de sens qu’à l’intérieur du bloc Pagination, qui doit lui-même être placé dans une Boucle de requête.

Comment ajouter le bloc de pagination de blog WordPress ?

Vous pouvez insérer le bloc Pagination de deux façons.

Méthode automatique avec une composition

Si vous créez une Boucle de requête et que vous choisissez une composition qui comprend une navigation, le bloc Pagination s’ajoute automatiquement. Vous n’avez rien à faire. Tout est prêt à l’intérieur du modèle.

Ajout manuel du bloc de pagination de blog WordPress dans le Modèle de publication

Vous pouvez aussi insérer le bloc Pagination vous-même. Pour ça, il faut d’abord sélectionner le bloc Modèle de publication, puis y ajouter le bloc Pagination sur la page :

Ajouter un bloc pagination sur WordPress manuellement
Ajouter un bloc pagination sur WordPress manuellement

Ou utiliser le bloc « Pagination » dans la colonne de gauche :

Widget pagination de Gutenberg
Widget pagination de Gutenberg

Modifier l’apparence du bloc Pagination

Le bloc Pagination de blog WordPress peut s’adapter au style de votre site. Vous pouvez régler son apparence dans la colonne de droite grâce aux options de Gutenberg.


Barre d’outils

Une fois le bloc sélectionné, une barre s’affiche juste au-dessus. Rien de spécifique n’est proposé ici. Tout ce qui concerne l’apparence se règle dans la colonne de droite.

Barre d'outils du bloc pagination pour un blog WordPress
Barre d’outils du bloc pagination pour un blog WordPress

Réglages du bloc de pagination de blog WordPress disponibles

Dans la colonne de droite, la section Réglages permet de personnaliser les liens « Page précédente » et « Page suivante« . Vous disposez de trois options :

  • Ajouter une flèche simple
  • Ajouter un chevron double
  • Afficher le texte du libellé
Réglages disponibles pour la pagination de blog WordPress
Réglages disponibles pour la pagination de blog WordPress

Quand vous insérez une pagination, les flèches ou chevrons de navigation ne sont pas affichés par défaut. Si vous décidez de les afficher, vous pourrez sélectionner l’affichage du texte du libellé « suivant » ou « précédent » ou de ne garder que les symboles.

Affichage du libellé pour la navigation
Affichage du libellé pour la navigation

Les réglages des blocs enfants pour la pagination de blog WordPress

Le bloc Pagination contient trois blocs enfants. Chacun joue un rôle précis dans la navigation entre les pages. Leurs réglages restent simples, ce qui permet d’aller droit au but sans perdre de temps.

Bloc Page précédente

Ce bloc affiche un lien vers la page précédente. Il se place automatiquement à gauche de la suite de numéros.

Il n’y a pas de réglages particuliers pour ce bloc. Toutefois, vous pouvez sélectionner l’élément directement sur la page et modifier le texte. Vous pouvez aussi en changer son apparence en sélectionnant le curseur correspondant. Vous avez le choix de le désactiver ou d’afficher des flèches ou des chevrons. Pour ça vous devez sélectionner le bloc parent.

Bloc Numéro de page

Les numéros de pages permettent de naviguer d’une page à l’autre. Vous pouvez décider du nombre de pages à afficher ou ne pas les afficher et ne conserver que les boutons « suivant » et « précédant« .

Ça aide le lecteur à savoir où il se trouve dans la pagination de vos pages.

Bloc Page suivante

Ce bloc affiche le lien vers la page suivante. Il fonctionne comme le bloc Page précédente. Aucun réglage particulier n’est disponible. Vous pouvez simplement modifier le texte si besoin et choisir d’afficher ou non un symbole graphique.

Accéder aux réglages avancés

Que vous travailliez sur le bloc principal Pagination ou sur l’un de ses blocs enfants, vous avez accès à un onglet « Avancé«  dans la colonne latérale de l’éditeur. Cet onglet se trouve tout en bas des options de personnalisation.

Il vous permet d’ajouter des classes CSS personnalisés.

C’est utile seulement si vous souhaitez aller plus loin dans la mise en forme ou intégrer des styles particuliers en fonction de la charte graphique de votre site.

Les réglages avancés sont les mêmes pour :

  • Le bloc Pagination
  • Le bloc Page précédente
  • Le bloc Numéros de page
  • Le bloc Page suivante

Laisser un commentaire