3 septembre 201518 août 2019 WordPress > Tutoriels WordPress

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.