Tout savoir sur WordPress
Tutoriel WordPress

Ajouter une class CSS aux fonctions next et previous_post_link

En cas de besoin, il peut être utile ajouter une class CSS aux liens générés par les fonctions previous_post_link() et next_post_link().

Les fonctions previous_post_link() et next_post_link() de WordPress affichent respectivement le lien précédent et suivant d’un article. Cependant, les liens générés par les fonctions ne contiennent ni l’attribut id, ni l’attribut class.

Copier le code ci-dessous dans le fichier functions.php de votre thème pour ajouter une ou plusieurs class à votre lien précédent et suivant :

add_filter('next_post_link','gkp_add_class_next_post_link',10,1);
function gkp_add_class_next_post_link( $html ) {
    $html = str_replace('<a','<a class="next"',$html);
    return $html;
}

add_filter('previous_post_link','gkp_add_class_previous_post_link',10,1);
function gkp_add_class_previous_post_link( $html ) {
    $html = str_replace('<a','<a class="prev"',$html);
    return $html;
}

Source : WP-Snipp

Cet article a été mis à jour il y a 2632 jours - Il n'est peut être plus à jour !

Article écrit par Jonathan B.

Jonathan est le co-fondateur de WP Media, startup connue pour être l’auteur de WP Rocket et Imagify. Il est aussi co-organisateur du WordCamp Lyon et Paris.

5 Commentaires

  1. Absolument génial ! Pas tant pour les classes malgré que cela soit déjà super, mais surtout parce que je vais enfin pouvoir mettre ce que je veux dans ces liens, une accesskey si je le désire. Merci beaucoup pour ma politique d’accessibilité. Longue vie à Geekpress.
    Thierry

    ps : Une tite question tout de même, c’est quoi ce 10,1 dans la fonction ?

  2. @Wasicu : En fait le 10 c’est la priorité d’exécution du filtre par WordPress et le 1 signifie que la fonction add_class_previous_post_link peut contenir un maximum d’un argument.

  3. Salut Jonathan,
    Ben moi j’ai rien compris ! Je suis pas codeur pour un sous mais je voudrais juste pouvoir les traduire en français et les positionner en bas centrer… Mpff

  4. @Bruno : Si les liens ne sont pas traduits c’est qu’il faut faire traduire votre thème.

    SI les liens ne sont pas centré, il faut le faire avec du CSS.

    C’est d’ailleurs l’utilité de cette astuce, ajouter une class pour pouvoir ajouter nos propres styles en CSS.

venenatis, accumsan ut suscipit vel, vulputate, ipsum velit, ut Praesent risus