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 !

1 commentaire

Laisser un commentaire