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

Thèmes & Plugins
Premium By WP Channel

WP Alacarte propose des produits et services de qualité
made in France pour la plateforme WordPress.

Tout est prêt pour créer votre site à la carte !

  • Thèmes et extensions premium
  • Facilité d’utilisation garantie
  • Temps de chargement optimisé
  • Personnalisation avancée
Découvrir

Rejoignez la communauté WordPress !

Faites partie de l’aventure en devenant membre d’une association WordPress. Conférences, ateliers, BarCamp, WordCamp… Venez
partager votre passion pour WordPress !

Aurélien DENIS,
président des associations WordPress Francophone et WPMX