Le thème Divi est l’un des constructeurs de pages les plus populaires pour WordPress. Cependant, personnaliser certains éléments, comme le texte du bouton « Lire la suite » du module Blog, peut nécessiter un peu de code. Voici une méthode simple et efficace à l’aide de jQuery.
Code nécessaire
Voici le code que vous pouvez utiliser pour modifier le texte du bouton « Lire la suite » :
<script>
jQuery(function($) {
// Cache les sélecteurs pour optimiser les performances
var $document = $(document);
var updateMoreLinkText = function() {
// Définir le texte personnalisé
var customText = "Lire l'article";
$(".et_pb_posts .more-link, .et_pb_blog_grid .more-link").text(customText);
};
// Mise à jour initiale lorsque le document est prêt
updateMoreLinkText();
// Gestion des contenus chargés via AJAX
$document.on('ajaxSuccess', function() {
updateMoreLinkText();
});
});
</script>
Étapes pour intégrer le code :
- Accédez au panneau de personnalisation Divi :
- Dans le tableau de bord WordPress, rendez-vous dans Divi > Options du thème.
- Cliquez sur l’onglet Intégration.
- Ajoutez le code dans la section
<head>:- Collez le code ci-dessus dans la section dédiée à l’intégration de scripts.
- Sauvegardez et testez :
- Enregistrez vos modifications et vérifiez que le texte des boutons a bien changé sur votre site.
Comment fonctionne le code ?
- Modification du texte : Le code sélectionne les boutons contenant la classe
.more-linket remplace leur texte par « Lire l’article ». - Support pour le chargement AJAX : Si votre blog utilise des fonctionnalités comme le chargement infini, le code surveille les événements AJAX pour s’assurer que le texte reste à jour.
En suivant ces étapes, vous personnalisez facilement vos boutons de blog sans toucher au code source du thème. 🎉
