Thème Divi
Dans cette documentation
Split testing - Divi Leads
Le module de split testing de Divi, appelé Divi Leads, n'est pas compatible avec la mise en cache car il repose sur PHP, qui n'est pas disponible sur une page mise en cache.
Le module Blog disparaît
Le module Blog de DIVI n'est pas compatible avec l'option Optimiser le chargement du CSS. Pour le résoudre, vous pouvez :
- Désactiver Optimiser le chargement du CSS sur la page concernée
Ou
- Exclure la principale feuille de style de Divi de l'option Optimiser le chargement du CSS :
Exclure des fichiers de l'option Optimiser le chargement du CSS - Normalement le chemin du fichier est le suivant :
/wp-content/themes/Divi/style.css
mais si vous utilisez un thème enfant il sera différent. - Si vous avez également activé Combiner les fichiers CSS dans WP Rocket, vous devez exclure le même fichier de cette option :
-
Minifier / Combiner CSS/JS - Static File Generation
Si vous utilisez Divi 3.26.8 ou une version ultérieure, il n'est pas nécessaire d'appliquer les changements décrits dans ce paragraphe.
Pour les anciennes versions de Divi (< 3.26.8), l'effacement du cache des fichiers CSS statiques de Divi n'est pas synchronisé avec celui de WP Rocket. Cela peut entraîner des problèmes de style cassé pour les articles ou des pages.
Divi a ses propres options pour minifier et combiner les fichiers CSS et JS, qui se trouvent dans Divi > Options du Thème > Général. Dans les versions antérieures de Divi, celles-ci étaient appelées Static File Generation.
Vous devriez aussi désactiver l’option Static CSS File Generation, Divi > Theme Options > Builder > Advanced.
Module vidéo
Le module vidéo Divi n'est pas compatible avec l'option Remplacer l'iframe Youtube par une image d'aperçu (sous-option d'Activer sur les iframes et vidéos). Cette option sera automatiquement désactivée et grisée lors de l'utilisation de Divi ou d'un thème enfant de Divi.
Slider Module + LazyLoad
Si vous utilisez le Slider Module, les images peuvent être déplacées de leur emplacement d'origine si le Lazyload est activé.
Pour l'instant, la seule solution est de désactiver le LazyLoad sur les pages et articles en question. Étant donné que Divi n'utilise pas de filtres pour appeler les éléments du Slider Module, nous ne pouvons pas "hooker" afin d'insérer l'attribut data-no-lazy = "1"
sur l'attribut img
.
Bien que non recommandé, vous pouvez réparer manuellement ceci en modifiant un fichier du thème directement.
Pour les versions antécédentes à Divi 4
Localisez la ligne 612 de Divi/includes/builder/module/SliderItem.php et modifiez ceci *:
? sprintf( '<div><img src="%1$s" alt="%2$s" data-no-lazy="1"/></div>',
Gardez à l'esprit que ceci n'est pas recommandé car vous perdrez le changement après la mise à jour du thème.
[* Merci à Elephantmark pour le fix! ]
Pour la version Divi 4+
Localisez la ligne 745 de Divi/includes/builder/module/SliderItem.php et modifiez comme ceci :
if ( $multi_view->has_value( 'image' ) ) { $image_html = $multi_view->render_element( array( 'tag' => 'img', 'attrs' => array( 'src' => '{{image}}', 'alt' => esc_attr( $image_alt ), 'data-no-lazy' => '1', ), 'required' => 'image', ) );
Icônes de police manquantes sur IE 11
Dans quelques rares cas, vous ne voyez pas les icônes sur votre site lors de la navigation avec Internet Explorer 11. Vous pouvez résoudre ceci en installant ce petit plugin d’aide :
📥 Télécharger (.zip): WP Rocket | Remove ETag
Développeurs : vous trouverez le code de ce plugin sur GitHub.
Attention ! Les développeurs du thème mettent à jour leur code régulièrement et cela peut affecter les fichiers qu'il est nécessaire d'exclure. Si cette solution ne fonctionne pas pour vous, dites-le nous !