Sur de nombreux thèmes WordPress, vous pouvez voir en fin d’article des liens directs vers les articles précédents et suivants. Voici un tuto simple et rapide pour insérer cette fonction dans votre site sous WordPress.
Il existe une fonction pour ajouter le lien précédent et le lien suivant dans la loop de WordPress. Chaque fonction insère le lien et vous permet ensuite de le modifier à votre guise via la feuille de style.
Lien précédent
WordPress dispose de la fonction previous_post_link qui peut être utilisée dans la loop des articles simples. Cette fonction ajoute un lien vers l’article antérieur avec pour critère la date. Si il n’y a pas de post précédent, aucun lien ne sera affiché.
Pour utiliser la fonction previous_post_link, utilisez le bout de code suivant :
[php]<?php previous_post_link($format, $link, $in_same_cat = false, $excluded_categories = »); ?>[/php]
Cette fonction accepte 4 paramètres :
$format– Permet de modifier le format du lien affiché, pour définir simplement le lien, n’utilisez que%link.$link– Définit le texte utilisé pour le lien, par défaut%title.$in_same_cat– Paramètre boléen pour définir si le lien concerne les articles de même catégorie ou non. En natif sur « false ».$excluded_categories– Permet définir les catégories exclues dans ce maillage interne.
Exemples :
[php]<?php previous_post_link(); ?>[/php]
« Previous Post Title
[php]<?php previous_post_link(‘$link’, ‘Lien vers l‘article précédent’); ?>[/php]
« Lien vers l‘article précédent
[php]<code><?php previous_post_link(</code><code>’%link'</code><code>, </code><code>’%title'</code><code>, FALSE, </code><code>’17′</code><code>); ?></code>[/php]
« « Titre de l’article précédent » (avec liens d’une autre catégorie et catégorie 17 exclue)
Lien suivant
La fonction next_post_link réagit exactement de la même manière que la fonction article précédent mais renvoie vers l’article suivant…perspicace hein ! Les paramètres de la fonction sont aussi identiques. Enfin, si il n’y a pas d’article suivant, le lien ne sera pas affiché.
[php]<?php next_post_link($format, $link, $in_same_cat = false, $excluded_categories = »); ?>[/php]
Intégration dans un template WordPress
On est bon pour les fonctions mais vous allez sûrement vouloir intégrer en float : left ou float : right les liens « précédent » et « suivant » aussi, voici l’exemple concret pour intégrer la fonction avec des balises à styliser.
[php]
<?php
previous_post_link(‘<span class="left">« %link</span>’);
next_post_link(‘<span class="right">%link »</span>’);
?>
<div class="clearfix"></div>
[/php]
Ce bout de code ajoute un <span> autour de chaque lien auquel on peut greffer une class css pour ajouter une propriété float.
Optimisation pour le référencement
L’intérêt au-delà du simple ajout de liens de navigation pour vos utilisateurs est de booster votre référencement. En effet, les moteurs de recherche lorsqu’ils vont scroller votre site vont pouvoir naviguer plus aisément. Cette astuce seo est donc un plus si vous recherchez la moindre optimisation en référencement pour obtenir une meilleure visibilité dans les résultats de recherche.