Ajouter des classes CSS sur les liens de réponses aux commentaires de WordPress

Dans un précédent tutoriel, nous avions évoqué une technique pour ajouter des classes CSS sur les liens "Lire la suite". Appliquons la même astuce pour les liens de réponse aux commentaires de WordPress.

Comme à l’accoutumée, il convient d’injecter les lignes de code ci-dessous dans votre fichier functions.php ou équivalent de votre thème.

/* Add CSS classes to 'Reply Link' Button */
function wpc_add_reply_link_css($class){
$class = str_replace("class='comment-reply-link'", "class='reply ma-classe-perso'", $class);
return $class;
}
add_filter('comment_reply_link', 'wpc_add_reply_link_css');

Remplacez donc ma-classe-perso à la ligne 3 par celle de votre choix. Ne supprimez pas celle de WordPress, il n’est jamais recommandé d’enlever des éléments natifs de l’outil. Cette classe peut faire l’objet d’une utilisation par des scripts.

Pour ma part, j’utilise cette fonction quand j’ai besoin d’appliquer les classes CSS de Twitter Bootstrap.

Une astuce à partager !

Par Aurélien Denis

Another WordPress fanboy. Fondateur de WordPress Channel et WP Alacarte, président de l'association WordPress Francophone (2016-2017) et WordPress Meet & eXchange, gérant de la société Neticpro, co-organisateur du WPMX Day et du WordCamp Bordeaux, et plus encore.

Des tutoriels et des bons plans en exclusivité !
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
1 commentaire
  1. Jm Silone

    Bien vu l’ami 😉

Laisser un commentaire