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

2 commentaires
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

Consultant & Développeur WordPress / WooCommerce. Un site à créer, à maintenir ou à débuguer ? Contactez-moi.

2 commentaires
  1. Lili

    Pour un sous élément pouvez vous me rapeller la classe css Pour avoir un menu déroulant sous le menu mais pas qui prend toute la page merci

  2. Jm Silone

    Bien vu l’ami 😉

Laisser un commentaire