Ajouter des classes CSS sur les liens “Lire la suite” des articles de WordPress

Par Aurélien Denis
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.

Par Aurélien Denis

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

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