Ajouter des classes CSS sur les liens « Lire la suite » des articles de WordPress

Le fameux lien « Lire la suite » présent dans la plupart des boucles de contenus d’un site sous WordPress dispose nativement d’une classe CSS more-link. Dans le cadre d’un développement d’un thème, il peut être nécessaire d’ajouter voire même de remplacer celle-ci par d’autres.

Pour ce faire, copiez / collez le code ci-dessous dans votre fichier functions.php de votre thème.

/* Add CSS classes to 'Read More' link */
function wpc_add_morelink_css($link, $text) {
return str_replace(
'more-link',
'more-link btn btn-sm pull-left',
$link
);
}
add_action('the_content_more_link', 'wpc_add_morelink_css', 10, 2);

Modifiez la ligne 5 pour indiquer les classes CSS qui doivent être utilisées sur ce lien. Dans notre exemple, nous avons rajouté les classes de Twitter Bootstrap.

Faites-en bon usage ! Une astuce similaire existe pour les boutons de réponses aux commentaires.

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