Aller au contenu
themeforge
FR
Commencer gratuitement
Menu
  1. Accueil
  2. Référence des attributs
  3. wp-paginate
Essentiels Blog et articles

Des numéros de page sous une liste d’articles

wp-paginate="mid_size=1"

Quand il y a plus d’articles que n’en contient une page, ces attributs affichent les numéros et les liens « plus récents / plus anciens ».

Où le placer

Sous le blog, une archive de catégorie ou les résultats de recherche : un bloc vide avec wp-paginate.

Sous votre propre liste wp-query : wp-paginate-query sur un bloc placé après la liste, pas à l’intérieur.

Les réglages se mettent dans la valeur : mid_size=1 (les numéros autour de la page courante), prev_text=Newer&next_text=Older.

Exemple : les pages d’actualités

Balisage index.html
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article class="news-card">
    <h3 wp="post-title">New autumn menu</h3>
  </article>
</div>
<div class="pagination"
     wp-paginate-query="prev_text=Newer&next_text=Older"></div>
Dans l’administration Posts
Posts
  • New autumn menu
  • Filter of the day is back
  • Open on Sundays
  • … 14 posts
Sur le site la page des actualités
News
New autumn menu
Filter of the day is back
Newer 1 2 3 Older

À retenir

  • Le nombre d’articles par page : posts_per_page de la requête, ou Réglages → Lecture pour le blog.
  • Placez l’attribut sur un bloc vide : WordPress affiche lui-même les liens.

Erreurs fréquentes

Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.

À éviter
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article><h3 wp="post-title">New autumn menu</h3></article>
</div>
<div class="pagination" wp-paginate="mid_size=1"></div>

Sous votre propre liste, wp-paginate compte les pages du blog, pas celles de la liste : les numéros sont faux ou absents, et le journal ne signale rien.

Correct
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article><h3 wp="post-title">New autumn menu</h3></article>
</div>
<div class="pagination" wp-paginate-query="mid_size=1"></div>

wp-paginate-query après la liste.

Format alternatif

wp_paginate fonctionne de la même façon : la génération donne un thème identique.

Utilisé dans les recettes

Prêt quand vous l’êtes

Découvrez l’administration WordPress de votre site avant de payer.