Dans un site WordPress équipé de Divi, la pagination du module blog affiche par défaut les mentions « Entrées précédentes » et « Entrées suivantes ». Ces libellés sont peu parlants pour l’utilisateur final. Voici comment personnaliser ce texte et obtenir un rendu plus clair.

Constat

Lors de l’intégration d’un blog sous Divi, le texte généré automatiquement pour la pagination est resté en français par défaut: « Entrées précédentes » et « Entrées suivantes ». Le besoin exprimé était de remplacer ces mentions par des formulations plus explicites comme « Voir les autres articles » ou « Articles plus récents ».

Hypothèses

Le problème pouvait provenir soit d’un texte statique inclus dans le template Divi, soit d’une chaîne traduite par WordPress. Le premier réflexe a été de tester un filtre de traduction PHP, mais le résultat n’a pas été concluant. Divi gère directement ses propres libellés dans son moteur de rendu.

Actions et tests

Tentative avec un filtre PHP

Un premier essai a consisté à ajouter ce code dans un plugin ou dans le fichier functions.php d’un thème enfant :

add_filter('gettext', function ($translated, $text, $domain) {
    if (is_admin()) return $translated;
    if (!is_home() && !is_post_type_archive('post')) return $translated;

    if ($translated === 'Entrées précédentes') return 'Voir les autres articles';
    if ($translated === 'Entrées suivantes') return 'Articles plus récents';

    return $translated;
}, 10, 3);

Résultat : inefficace avec Divi, car le thème n’utilise pas les chaînes classiques de WordPress pour sa pagination.

Injection JavaScript simple

La deuxième piste a été d’ajouter un script qui modifie directement le texte affiché :

document.addEventListener('DOMContentLoaded', function () {
  var prev = document.querySelector('.pagination .alignleft a');
  if (prev) prev.textContent = 'Voir les autres articles';
  var next = document.querySelector('.pagination .alignright a');
  if (next) next.textContent = 'Articles plus récents';
});

Mise en œuvre

Si vous n’avez pas le plugin Core Alphacorp, vous pouvez coller ce code dans l’onglet Divi > Options du thème > Intégration, dans la zone « Ajouter du code dans le head de votre blog ». Sauvegardez, videz le cache et testez le rendu sur la page du blog. Le changement apparaîtra dès le premier rechargement.

Limite : en naviguant vers les pages suivantes, Divi réinjecte ses textes et le script simple ne suffit plus.

Solution finale avec MutationObserver

Pour couvrir aussi les rechargements AJAX de Divi, un script plus complet a été injecté via le plugin Core Alphacorp :

(function () {
  function replacePaginationText() {
    var links = document.querySelectorAll('.pagination a');
    for (var i = 0; i < links.length; i++) {
      var t = (links[i].textContent || '').trim();
      if (t.indexOf('Entrées précédentes') !== -1) {
        links[i].textContent = 'Voir les autres articles';
      } else if (t.indexOf('Entrées suivantes') !== -1) {
        links[i].textContent = 'Articles plus récents';
      }
    }
  }

  function ready(fn) {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }
  }

  ready(replacePaginationText);

  if (window.MutationObserver) {
    var mo = new MutationObserver(function () { replacePaginationText(); });
    mo.observe(document.body, { childList: true, subtree: true });
  }
})();

Mise en œuvre

Avec le plugin Core Alphacorp, ajoutez ce code dans la zone prévue pour l’injection JavaScript. Sans le plugin, vous pouvez aussi utiliser un plugin tiers de type « Code Snippets » ou insérer le code dans le footer via Divi > Intégration. Cette version réécrit automatiquement les textes à chaque navigation et reste donc fonctionnelle sur toutes les pages.

Procédure pas à pas

1. Choisir la méthode : injection simple pour tester ou script complet pour une solution durable.
2. Coller le code dans le plugin Core Alphacorp (recommandé) ou dans Divi > Intégration.
3. Sauvegarder et vider le cache du site.
4. Vérifier sur la première page du blog et sur les pages suivantes.

Résultats

Avec le script complet, le texte de la pagination est remplacé systématiquement, même après navigation. Le rendu est plus compréhensible pour le lecteur.

Interprétation et leçon

La solution la plus flexible reste l’injection via le plugin Core Alphacorp. Elle permet de cibler précisément les éléments à modifier sans toucher au cœur de WordPress ni aux fichiers de Divi. Pour ceux qui préfèrent d’autres méthodes, l’onglet « Intégration » de Divi ou un plugin de snippets suffisent.

Limites et points non résolus

Cette méthode repose sur la structure actuelle de Divi. En cas de mise à jour majeure, il faudra vérifier les sélecteurs. La traduction par PHP n’est pas efficace dans ce cas, car Divi contourne les chaînes standards.

Le plugin Core Alphacorp est disponible en le demandant dans les commentaires.

Conclusion

Changer « Entrées précédentes » dans Divi est possible sans recoder tout le module. Grâce au script injecté par le plugin Core Alphacorp ou directement dans Divi, la personnalisation reste active même en cas de pagination dynamique. C’est une solution rapide, durable et sans risque pour l’intégrité du site.

Pour remettre votre site d’aplomb sans perdre de données, demandez un dépannage WordPress prioritaire.