Konflikty wtyczek z motywem Divi — jak naprawić?

Konflikty wtyczek to jedna z najczęstszych przyczyn problemów z Divi. Strona przestaje działać, builder nie ładuje się, błędy w konsoli. W tym poradniku pokażę, jak diagnozować i naprawiać konflikty.

1. Identyfikacja konfliktu

Symptomy: biały ekran, builder nie ładuje, błąd 500, błędy JS w konsoli, slot ładowania zamrożony.

Konflikty wtyczek Divi – debugowanie i diagnoza

2. Metoda eliminacji

Najprostszy sposób: dezaktywuj WSZYSTKIE wtyczki. Sprawdź czy działa. Włączaj po jednej. Tę, która spowoduje konflikt — to winowajca.

3. Najczęstsze konfliktujące wtyczki

  • Cache plugins — czyszcz cache po każdej zmianie. Czasem trzeba wykluczyć Divi Builder z cache.
  • Konkurencyjne page buildery (Elementor) — nie używaj dwóch jednocześnie.
  • jQuery plugins — Divi używa starszego jQuery, niektóre wtyczki wymagają nowszego.
  • Security plugins — Wordfence czasem blokuje legalne requesty Divi.
  • Translation plugins — WPML, Polylang mogą konfliktować z Theme Builderem.
  • Custom CSS plugins — duplikujący się CSS.
Rozwiązywanie błędów i konfliktów wtyczek w Divi

4. Rozwiązania

Aktualizacja: zawsze najnowsza wersja Divi + wtyczek. Wiele konfliktów rozwiązują same aktualizacje.

Memory limit: zwiększ do 512M w wp-config.php.

PHP version: upgrade do PHP 8.2+.

Disable XML-RPC: jeśli nie używasz, wyłącz przez wtyczkę Disable XML-RPC.

5. Tryb debug WordPress

W wp-config.php: define('WP_DEBUG', true);. Pokazuje błędy PHP. Pomaga zlokalizować problem.

6. Czystsza pomoc

Forum społeczności Divi (Polska FB grupa), oficjalne wsparcie Elegant Themes (24/7 dla użytkowników z aktywną licencją).

Pobierz Divi -10% →

Najczęstsze konflikty Divi z popularnymi wtyczkami

Z naszej praktyki wynika, że pewne kombinacje wtyczek powodują konflikty z Divi statystycznie częściej. Oto lista najbardziej problematycznych zestawień i sposoby ich rozwiązania:

  • Divi + WP Rocket + Autoptimize — podwójna minifikacja i łączenie plików powoduje błędy renderowania Visual Buildera. Rozwiązanie: wyłączyć Autoptimize, zostawić tylko WP Rocket lub vice versa.
  • Divi + Elementor (jednocześnie aktywne) — oba motory edycji ładują swoje scripty, co spowalnia panel admin nawet 3x. Rozwiązanie: zdecyduj się na jeden builder.
  • Divi + WPBakery / Visual Composer — podobny konflikt jak z Elementorem, dodatkowo niezgodności CSS.
  • Divi + niektóre wtyczki cache (W3 Total Cache, WP Super Cache) — agresywne cachowanie powoduje że zmiany w Visual Builderze nie są widoczne na froncie. Rozwiązanie: WP Rocket lub konfiguracja exclude dla cookies Divi.
  • Divi + Yoast SEO + Rank Math (jednocześnie) — duplikowane meta tagi w head, sprzeczne sitemap-y.
  • Divi + WooCommerce z customowymi szablonami w innym buildze — Theme Builder Divi przejmuje kontrolę nad templates produktów, co miesza się z customizerem WC.

Procedura diagnostyczna krok po kroku

Gdy strona Divi „pęka” po aktualizacji lub instalacji nowej wtyczki, postępuj w następującej kolejności:

  1. Backup całej strony (pliki + baza) — nie pracuj bez kopii zapasowej, bo każda diagnoza może coś dodatkowo zepsuć.
  2. Wyczyść cache — WP Rocket (Settings → Clear Cache), cache motywu Divi (Divi → Theme Options → Builder → Advanced → Static CSS File), cache przeglądarki.
  3. Włącz tryb debug WordPress — w wp-config.php dodaj define('WP_DEBUG', true); i define('WP_DEBUG_LOG', true);. Sprawdź plik wp-content/debug.log.
  4. Dezaktywuj wszystkie wtyczki oprócz Divi — sprawdź czy problem ustępuje. Jeśli tak, aktywuj wtyczki po kolei.
  5. Przełącz na motyw domyślny (Twenty Twenty-Four) — jeśli problem znika, to konflikt jest z Divi. Wróć na Divi i identyfikuj problem dalej.
  6. Sprawdź konsolę przeglądarki (F12 → Console) — błędy JavaScript często wskazują konkretną wtyczkę.
  7. Wyłącz Static CSS File Generation w Divi → Theme Options jeśli zmiany w Visual Builderze nie pojawiają się na froncie.

Narzędzia, które pomagają diagnozować konflikty

Health Check & Troubleshooting — oficjalna wtyczka WordPress.org, pozwala uruchomić „troubleshooting mode” dla zalogowanego użytkownika (Ty widzisz stronę bez wtyczek/motywu, zwykli użytkownicy widzą stronę normalnie). To pozwala diagnozować na produkcji bez wyłączania strony.

Query Monitor — pokazuje wszystkie zapytania SQL, hooks, błędy PHP, niedziałające skrypty na danej stronie. Niezastąpione przy diagnozowaniu spowolnienia Divi.

Plugin Detective — automatyzuje proces wyłączania wtyczek po kolei, by znaleźć tę powodującą konflikt.

WP_DEBUG_LOG — surowy log błędów PHP, najwięcej informacji daje o przyczynach białego ekranu (WSoD).

Powiązane

Najlepszy sposób uniknięcia konfliktów to wybór sprawdzonych komponentów już na starcie. Polecam zacząć od oficjalnych szablonów Divi i przetestowanych darmowych wtyczek — to znacząco zmniejsza ryzyko problemów na produkcji.