Business
Actus
Événements
Savoir Faire
Tutos
Thèmes
Plugins
E-commerce
SEO
Tutos Ajouter une class CSS aux fonctions next et previous_post_link
Le 10 December 2011
par Jonathan B.
| 5
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 :
[pastacode lang=”php” message=”” highlight=”” provider=”manual”]
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;
}
[/pastacode]
Source : WP-Snipp
Cet article a été mis à jour il y a 4744 jours
- Il n'est peut être plus à jour !
Article écrit par Jonathan B.
Youtube
Twitter
Facebook
5 Commentaires
Merci pour le code,vraiment ce code va m’aidé pour modifier le code de mon blog.
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 ?
@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.
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
@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.