Migrace z Divi 4 na Divi 5: kompletní checklist pro klientské weby

Affiliate upozornění: Pokud si přes odkazy v tomto článku pořídíte Divi, můžeme získat provizi. Cenu vás to nijak nezvýší a na našem hodnocení to nic nemění.

Migrace klientského webu z Divi 4 na Divi 5 není výměna pluginu, ale přechod na nový builderový engine. Divi 5 (Elegant Themes) je podle oficiálního changelogu aktivně vyvíjený produkt s týdenní kadencí aktualizací – aktuální verze 5.8.0 vyšla v červnu 2026. To znamená dvě věci: většina věcí už funguje nativně, ale edge-case chyby se stále ladí. Proto se migrace dělá na stagingu, ne na ostrém webu klienta.

Tento checklist vychází z reálných úskalí, na která narazíte u klientských webů – od custom CSS po WooCommerce a Core Web Vitals.

Než začnete: staging a kompletní záloha

Žádná migrace nezačíná na produkci. Připravte si staging kopii webu (subdoména nebo lokální klon) a na ní si celý proces nejdřív projděte.

• Plná záloha před čímkoli. Databáze i soubory (wp-content, hlavně uploads, child theme a vlastní pluginy). Zálohu si otestujte obnovou – nezálohovaná záloha je ta, kterou jste nikdy nezkusili nahrát zpět.
• Zapište si verze. PHP, WordPress, Divi, klíčové pluginy. Po migraci budete chtít vědět, co se změnilo.
• Rollback plán dopředu. Vědět, jak se vrátíte, je důležitější než samotná migrace. Snapshot na stagingu i na produkci, ať máte bod, kam se dá skočit zpět.

Pokud migrujete zároveň na jiný hosting, oddělte oba kroky – nejdřív přesun, pak verze Divi.

Jak přemigrovat WordPress na nový hosting bez výpadku

Child theme a custom CSS

Většina klientských webů na Divi 4 má child theme s vlastním style.css a často i functions.php s hooky. Tady číhá nejvíc práce:

• Custom CSS selektory se mohou rozejít. Divi 5 staví modulový strom jinak; CSS navázané na konkrétní třídy nebo strukturu DOM z Divi 4 nemusí trefit cíl. Projděte si custom CSS modul po modulu.
• Konverze custom CSS na modulech. Podle dokumentace Elegant Themes konverzní nástroj D4→D5 přenáší i „free-form custom CSS" na příkladovém modulu do Divi 5 jako u core modulů – ale ověřte to vizuálně, ne na slovo.
• functions.php hooky ověřte zvlášť; API a názvy se mezi verzemi liší.

Third-party moduly a konverze rozvržení

Divi 5 nahradil shortcode-based rozvržení nativními moduly. K tomu má konverzní nástroje (D4 → D5), které převádějí shortcode layouty. Když nativní konverze nejde, web spadne do tzv. Backward Compatibility Mode – obsah se zobrazí, ale neběží jako plnohodnotný Divi 5 modul.

• Inventář third-party modulů. Sepište všechny rozšiřující pluginy (Divi Booster, Divi Supreme, custom moduly). Changelog Elegant Themes sám zmiňuje opravu chyby, kdy se „third-party modulům nedařilo otevřít panel nastavení" – počítejte s tím, že některá rozšíření budou potřebovat vlastní update.
• Globální moduly a selective sync patří mezi opravované edge-case oblasti; po migraci je překontrolujte.

Header, footer a Theme Builder

Pokud klient používá Theme Builder pro header/footer/šablony příspěvků, projděte každou šablonu zvlášť. Divi 5 přidal moduly jako Breadcrumbs a Table of Contents, které se cílí přímo na šablony příspěvků a kategorií v Theme Builderu – po migraci je můžete rovnou nasadit, ale nejdřív ověřte, že stávající šablony drží.

Formuláře, WooCommerce a cache

• Formuláře. Divi 5 má vlastní Contact Form 7 Styler; integrace dalších (Gravity Forms, Fluent Forms) byla podle changelogu avizována jako „coming soon". Pokud klient na formulářích závisí, otestujte odeslání i doručení e-mailu.
• WooCommerce. Produktové a košíkové šablony otestujte celým nákupním tokem – přidání do košíku, checkout, e-maily. Nepředpokládejte, že stylování zůstalo.
• Cache. Po migraci kompletně vyčistěte cache (plugin i serverovou). Changelog 5.8 přímo řešil cache chyby, kvůli kterým „v noci záhadně mizely styly" – stará cache je častý zdroj „rozbitého" webu po migraci.

Mobilní breakpointy a Core Web Vitals

• Mobil projděte ručně. Responsivní nastavení (desktop / tablet / telefon) a případné vlastní breakpointy ověřte na reálném zařízení, ne jen v náhledu builderu.
• Core Web Vitals změřte před i po. LCP, CLS, INP na klíčových šablonách. Migraci neslibujte jako „zrychlení", dokud nemáte čísla – viz náš opatrný výkonový rozbor.

Jak změřit rychlost hostingu a poznat, kde je problém

Časté dotazy

Můžu Divi 5 nasadit rovnou na produkci?

Nedoporučujeme. Vzhledem k týdenní kadenci oprav a edge-case chybám v konverzi je správný postup staging → test → produkce s připraveným rollbackem.

Co se stane s mým custom CSS?

Část se převede automaticky, ale selektory navázané na strukturu Divi 4 se mohou rozejít. Projděte CSS modul po modulu a ověřte vizuálně.

Přežijí migraci third-party Divi pluginy?

Některé ano, jiné potřebují vlastní aktualizaci. Když nativní konverze selže, modul spadne do Backward Compatibility Mode. Sepište si je předem.

Jak poznám, že migrace dopadla dobře?

Vizuální kontrola všech šablon, funkční formuláře a WooCommerce, vyčištěná cache a Core Web Vitals srovnatelné nebo lepší než před migrací.

Závěr

Migrace na Divi 5 je zvládnutelná, pokud ji berete jako projekt s fázemi, ne jako klik na tlačítko. Klíč je staging, otestovaná záloha, rollback plán a poctivá kontrola custom CSS, third-party modulů, formulářů, WooCommerce a mobilu. Čísla Core Web Vitals si změřte před i po – ať víte, co jste klientovi reálně dodali.

Vyzkoušet Divi 5

Zdroje a další čtení