Des liens vers l’article suivant et l’article précédent
wp="next-post-link" En bas d’un article, un passage vers ses voisins : le lecteur continue sa lecture sans revenir à la liste. Les voisins sont déterminés par la date de publication.
Où le placer
Sur des liens <a> : wp="prev-post-link" pour l’article précédent (plus ancien), wp="next-post-link" pour le suivant.
Sur single.html, à côté de wp="post-title".
Exemple : la navigation sous un article
<main class="post" wp="post">
<h1 wp="post-title">New autumn menu</h1>
<nav class="pager">
<a class="pager__prev" href="#" wp="prev-post-link">Summer cold brew</a>
<a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>
</nav>
</main>- Open late on Fridays
- New autumn menu
- Summer cold brew
Les flèches viennent des styles ; les textes des liens sont les titres des articles voisins.
À retenir
- Le texte du lien est remplacé par le titre de l’article voisin.
- Le premier article n’a pas de précédent, le dernier n’a pas de suivant : ce lien n’apparaît tout simplement pas sur la page.
- Les voisins sont des articles du même type : pour un article de blog, des articles de blog.
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.
<a class="pager__next" href="#" wp="next-post-link">Next post →</a>Une légende « Next post → » dans le lien : sur le site, le titre de l’article voisin la remplace, et le journal ne signale rien.
<a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>Dans le lien, le titre de la maquette ; la flèche ou la légende vient des styles (::after).
Format alternatif
wp="next_post_link" fonctionne de la même façon : la génération donne un thème identique.