Problématique initiale

L’objectif était de remplacer deux couleurs utilisées sur un site WordPress avec Divi, sans devoir modifier chaque module individuellement.

Solutions explorées

1. Utilisation du Personnalisateur de Thème

• Passage par Apparence > Personnaliser > Couleurs.
• Résultat : Ne fonctionne pas bien, car Divi n’utilisait pas des couleurs globales.

2. Recherche et Remplacement via Divi

• Conversion des couleurs existantes en Couleurs Globales.
• Utilisation de la fonction Rechercher et Remplacer de Divi.
• Résultat : Partiellement efficace, mais certaines couleurs sont restées inchangées.

3. Ajout de CSS personnalisé

Ajout d’un code CSS dans Divi > Options du Thème > CSS Personnalisé :

cssCopierModifier:root {
    --old-color: #0186c9;
    --new-color: #004fdf;
}

body, h1, h2, h3, h4, h5, h6, p, a, span {
    color: var(--new-color) !important;
}

div, section, header, footer, nav, article, aside {
    background-color: var(--new-color) !important;
}

• Résultat : Le CSS personnalisé a fonctionné, mais il ne couvrait pas tous les éléments.

4. Modification des fichiers CSS de Divi

Recherche du fichier style.css dans /wp-content/themes/Divi/, mais il contenait uniquement des métadonnées.

Autres fichiers testés :

• /wp-content/uploads/et-cache/XX/style-custom.css → Fichiers CSS générés par Divi.
• /wp-content/uploads/dynamic_XXXXX.css → Contient des styles spécifiques.
• Action : Recherche et remplacement de #0186c9 par #004fdf.
• Résultat : Efficace, mais les fichiers sont régénérés par Divi.

5. Remplacement des couleurs directement dans la base de données

Exécution des requêtes SQL dans phpMyAdmin :

sqlCopierModifierUPDATE wpsq_options 
SET option_value = REPLACE(option_value, '#0186c9', '#004fdf');

UPDATE wpsq_posts 
SET post_content = REPLACE(post_content, '#0186c9', '#004fdf');

UPDATE wpsq_postmeta 
SET meta_value = REPLACE(meta_value, '#0186c9', '#004fdf');

• Résultat : Cette méthode a bien fonctionné, car elle a permis d’éliminer toutes les occurrences de l’ancienne couleur dans la base de données.

Ce qui a fonctionné / Ce qui a posé problème

✅ Les requêtes SQL ont donné le meilleur résultat.
❌ Les fichiers CSS sont régénérés par Divi, ce qui annule les modifications manuelles.
✅ Le CSS personnalisé est utile en complément.

Conclusion

Le meilleur moyen de remplacer globalement une couleur dans Divi est de modifier la base de données avec une requête SQL. Pour éviter que Divi régénère les fichiers CSS et annule les modifications, l’utilisation d’un thème enfant avec du CSS personnalisé est recommandée.