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.