Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Accueil » Divi astuces » Comment changer le texte du bouton du module Blog dans Divi ?

Comment changer le texte du bouton du module Blog dans Divi ?

Temps de lecture : < 1 minute

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 :

  1. 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.
  2. Ajoutez le code dans la section <head> :
    • Collez le code ci-dessus dans la section dédiée à l’intégration de scripts.
  3. 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-link et 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. 🎉

Continuer la lecture

Intégrer la balise Google analytics à son site

Google Analytics est un outil indispensable pour suivre les performances de votre site web et comprendre le comportement de vos visiteurs. Si vous utilisez WordPress et le thème Divi, vous avez de la chance, car l’intégration de Google Analytics est à la fois simple...

lire plus

Créer des effets d’apparition captivants avec Divi

Le design web joue un rôle clé dans l’expérience utilisateur en ligne, et les animations subtiles, comme les effets d’apparition, permettent d’ajouter une touche dynamique et professionnelle à un site internet. Avec le thème Divi, l’un des constructeurs de pages les...

lire plus