Ultimátní průvodce: Řešení nejčastějších potíží s Divi

Hedviga Nosáľová | 1. 9. 2021

Pokud jste webdesignér, anebo jste si vytvořili web pro své podnikání s Divi, určitě jste někdy narazili na nějaký problém. Je to nástroj a nic není dokonalé, proto se občas stane něco, co musíte okamžitě řešit pro funkčnost vašeho webu. V naši česko-slovenské Divi Facebook komunitě je článek o řešení problémů (protože se nám ve skupině opakují stále ty samé dotazy), ale mám pocit, že málokdo se hrabe v těchto dokumentech (a proto máme stále ty stejné, opakující se dotazy 😀). Proto jsem se rozhodla vytvořit rozšířený článek.

Ano, ve skupině máme tento dokument – ve složce Soubory.

Nejprve se ujistěte, že máte Child Themu

Child themu (nebo odvozenou/podřízenou šablonou) doporučuji instalovat vždy, na každý web (i na ten, který nebyl postavený na Divi šabloně). I tehdy, kdy v současné době neplánujete vkládat vlastní kódy (CSS, PHP, Javascript). Nikdy nevíte, kam se váš projekt posune a co v budoucnu budete muset řešit.

Co je to Child Theme?

Odvozená šablona dědí svou funkčnost hlavní šablony, kterou si instalujete do WordPressu (nadřazená/hlavní šablona). Child theme se používají, pokud chcete upravit stávající (hlavní) šablonu, bez toho, abyste ztratili možnost tyto úpravy při aktualizaci ztratit.

Dříve to možné nebylo. Takže když jste si šablonu ohli, a vývojáři vydali novou aktualizaci, stáli jste před rozhodnutím, jestli aktualizovat a ztratit veškeré nastavení v kódu (a potom je tam zase pracně dávat), anebo neaktualizovat a vystavit se bezpečnostnímu riziku.

Divi vydává aktualizace několikrát do měsíce. To by bylo práce..

Musí být nainstalovaná hlavní šablona (Divi) a aktivovaná child šablona

Musí každý web mít child theme?

Nemusí, ale já to doporučuji. Důvod jsem napsala už výše – nevíte, jestli za rok, dva budete web rozšiřovat a budete muset sáhnout do kódů (anebo váš webmaster). Já jsem člověk, který přemýšlí vždy několik kroků dopředu a rád si věci zjednodušuje. Tvorba a instalace child theme je na pár kliknutí, a tím si mohu ušetřit možné budoucí nepříjemnosti. To za to stojí, ne?

Pokud opravdu víte, že vy rozhodně nikdy nebudete nic měnit ve functions.php a rozhodně nikdy nebudete tímto způsobem rozšiřovat web (anebo váš webmaster), na child themu se můžete vykašlat.

To bez child theme nemůžete ani přidávat CSS?

Ale ano, můžete. Například do Přizpůsobení šablony – Vlastní CSS. Tyto CSSka se při aktualizaci nevytratí (aspoň u Divi, nemluvím za všechny šablony na WordPressu). Problém může nastavit, pokud těch řádků máte několik set. U jednotek a desítek řádků se nemusíte bát.

Kde vytvořit Divi child theme?

Jednoznačně doporučuji použít nástroj DiviCake. Je to automatický generátor. Zadáte tam jenom název, obrázek,.. a na email vám přijde vygenerovaná .zip složka. Tu doporučuji přejmenovat (např. na moje-jmeno.zip).

Divi child generátor

DiviCake je úžasný zdroj připravených child themes, layoutů a extensions pro Divi šablonu, které si můžete zakoupit, pokud vám nějaká funkce chybí nebo nedostačuje.

Dobrý webhosting je základ

Divi je těžká, robustní šablona a potřebuje dostatečný prostor a parametry pro svižný chod. Zda má hosting parametry, které Divi požaduje, zjistíte snadno: Divi > Support center. Ideálně by všechny body měly svítit zeleně.

Řeknu vám ale tajemství, že červeně svítící, nedostatečné parametry, nemusí vždy indikovat problém. Například nízká hodnota upload_max_filesize – pokud nenahráváte obrovské layouty, média a připravené child themes, tak vám na webu problémy nezpůsobí. Je vždy dobré vědět, co který parametr znamená a jak dokáže ovlivnit běh webu.

A druhé tajemství – i když parametrově webhosting svítí zeleně, tedy je dostatečný, neznamená, že nedokáže způsobit nějaký problém. Záleží na celkové konfiguraci webhostingu. Máme tady kvalitnější (i když papírové parametry má nižší), i méně kvalitní (i když papírové parametry má vyšší).

To je alchymie, že? Proto takový Wedos No Limit může mít (papírově) lepší parametry než Onebit Business, ale až praxe nám ukáže, že přechod od Wedosu jinam nám vyřeší veškeré zvláštní problémy se šablonou (nenadálé padání, nenačtení stránky, moduly nesprávně fungují, zkrátka „web se chová divně„).

Základem ale zůstává dodržení nejnovější verzi PHP (7.4, nyní je k dispozici i 8.1 – ta je ale ještě s mnoha pluginy a šablonami nekompatibilní).

SLEVY NA HOSTINGY

Na svém webu mám novou kategorií – slevy na webhostingy, šablony WordPress, vzdělávání. Najdete tam vždy aktuální akce, které můžete využít.

Typy nejčastějších problémů

Problémy se častokrát opakují a proto prosím, před tím, než požádáte o radu ve skupině, se ujistěte, že jste si přečetli tento článek (anebo dokument ve skupině), použili lupu ve skupině a vyzkoušeli všechny nejznámější způsoby řešení potíží.

  • Nekonečné načítání vizuálního editoru (“stále se to „kolečko“ točí a nic se neděje”)
  • Neočekávaná chyba Divi builderu („píše mi to furt nějaký error“)
  • Nereaguje na vložené CSS kódy/soubory („udělám změnu, ale na webu se neukáže“)
  • Stránka se zobrazuje bez stylů nebo bez grafiky („ta stránka se zobrazuje divně, nemám tam design“)
  • Divi page builder ukazuje error („zobrazilo se mi oranžové oznámení „error“, když jsem upravoval stránku)
  • Na stránce se nezobrazuje možnost zapnout Divi Builder („stránku jsem vytvořil v builderu, ale možnost ho zapnout mi někam zmizela“)
  • Nemožnost publikování stránky („nemůžu publikovat udělanou stránku na Divi, nic se prostě neděje“)
  • Nastavení modulu vypadá jinak na frontendu („tohle (obrázek, tlačítko,..) vypadá v builderu OK a na frontendu je to divné, rozházené..“)

Co udělat, když vás překvapí jeden z výše uvedených (anebo jakýkoliv jiný) problémů

Před tím, než se podíváme na výše uvedené potíže podrobněji, vám dám přehledný seznam řešení (některé si také projdeme podrobněji). Častokrát to není chyba samotné šablony, ale WordPressu nebo cache.

  • Vymažte mezipamět (cache) webu, prohlížeče a v nejzazším případě i serveru, routeru.
  • Deaktivujte optimalizační a cache pluginy. Postupným zapínáním funkcí otestujte.
  • Vymažte soubory Cookies.
  • Vymažte paměť vnitřního úložiště.
  • Vymažte generování statického souboru CSS a deaktivujte. Divi > Nástroj na tvorbu > Pokročilé.
  • Deaktivujte všechny ostatní pluginy. Postupným zapínáním funkcí otestujte.
  • Zkontrolujte child themu a kód ve functions.php, zda správně tahá informace z hlavní šablony.
  • Deaktivujte child themu.
  • Aktualizujte WordPress, Divi, pluginy.
  • Vraťte aktualizaci zpět. Divi > Aktualizace > Rollback to the previous version.
  • Přeuložte trvalé odkazy v Nastavení > Trvalé odkazy.
  • Aktualizujte verzi PHP.
  • Přejděte na kvalitní hosting.
  • Povolte nouzový režim (Safe mode) v Divi > Support center. Ten deaktivuje pluginy a odebere kódy v Divi > Integrace.
  • Zapněte Latest Divi Builder Experience v Divi > Nástroj na tvorbu > Pokročilé.
  • Vymažte modul a vložte.

Jak smazat mezipaměť

Cache jsou soubory a prostředky, které jsou uloženy lokálně v prohlížeči nebo síti, aby se vaše stránka rychleji. Snižuje potřebu znovu načítat každou jednotlivou položku při každé návštěvě. Tohle je nejčastější příčina všech problémů.

  • Cache webu

Pokud máte na webu nějaký cache plugin, vyprázdněte mezipaměť pro celou stránku. Pokud máte na webu více cache pluginů, jeden vyčištěte, deaktivujte a odstraňte + podívejte se, zda za sebou nezanechal drobky v databázi (soubory, tabulky, řádky).

  • Cache prohlížeče

Tady záleží na tom, jaký prohlížeč používáte. Na Google Chrome existuje i šikovný doplněk Clear Cache. Pokud používáte jiný prohlížeč, podrobný obrázkový návod najdete na této stránce.

Pokud to budete dělat ručně, smažte rovnou cookies.

Chrome Nastavení > Ochrana soukromí a zabezpečení > Vymazat údaje o prohlížeči > Rozšířené nastavení > Od počátku věků > zaškrtnout cache a cookies > Vymazat data.
  • Divi Cache – Generování statického souboru CSS

Věc, která způsobuje také mnoho problémů, zejména pokud využíváte jiný cache plugin. Divi > Nástroj na tvorbu > Statické soubory CSS > klikněte na černé tlačítko „clear“ > poté deaktivujte.

Pokud jste neaktualizovali z nějakého důvodu na novou verzi 4.0, budete mít v Divi > Všeobecné > možnost deaktivovat Minifikaci CSS a JS. Proveďte.

  • Mezipaměť místního úložiště

Klikněte pravým tlačítkem myší a zvolte Prozkoumat. Poté se otevře konzola vývojových nástrojů . Na této konzole klikněte na Application a poté na Local storage, zobrazí se rozevírací nabídka vašeho webu, klikněte na něj pravým tlačítkem a kliknutím na Clear vymažte paměť místního úložiště.

Vnitřní úložiště
  • Cache routeru

Zvláštní, ale ano. I router může ukládat starou verzi vašeho webu. Tohle se ale neděje často, takže pokud všechny jiné cesty selžou, zkuste toto. Zkuste dát Reset a počkat pár minut, potom opět router zapněte.

  • Cache serveru

Vaše webhostingová společnost pravděpodobně pravidelně vyprázdňuje cache serveru, pokud všechny cesty selžou, můžete podporu hostingu o toto požádat.

Co způsobuje jednotlivé problémy a jejich řešení

Je dobré si vysvětlit, co jednotlivé problémy způsobuji, abyste jim předcházeli.

Nekonečné načítání vizuálního editoru

Nekonečné načítání anebo problémy s vypršením časové limitu jsou častými problémy. Tento problém ve skutečnosti s Divi nesouvisí. Je zde několik faktorů, které obvykle přispívají k tomu, že je web zabuggovaný.

  • Aktualizujte na nejnovější verzi.
  • Podívejte se, zda parametry hostingu dostačují.
  • Vymažte cache – webu a prohlížeče.
  • Vymažte (deaktivujte) generování statického CSS.
  • Povolte nouzový režim, anebo deaktivujte ručně všechny pluginy a zjistěte, zda není narušená kompatibilita.

Neočekávaná chyba s Divi builderem

Většinou, když se vyskytne, tak se vám objeví i hláška, o jakou chybu se jedná a co ji způsobuje.

  • Aktualizujte Divi.
  • Přejděte konfliktu pluginů (snižte na minimum, nebo otestujte – deaktivací a postupnou aktivací).
  • Deaktivujte child themu.
  • Zkontrolujte parametry serveru.

Nereaguje na vložené CSS kódy/soubory

Tento problém se mi stává po poslední aktualizaci (4.0), když chci vložit CSS přímo do editoru (ne do Nastavení šablony).

  • Zkontrolujte, zda je aktivní child šablona. Pokud ano, zkontrolujte si, zda správně aplikuje css soubory z kořenové Divi šablony.
  • Vymažte cache.

Stránka se zobrazuje bez stylů nebo bez grafiky

  • Vymažte cache – webu, prohlížeče.
  • Překontrolujte kompatibilitu pluginů – deaktivujte a postupně aktivujte.
  • Deaktivujte nastavení optimalizačního pluginu a postupně nastavení aktivujte a testujte.

Divi page builder ukazuje error

Občas je to takový bug, nic vážného to nemusí znamenat a stačí stránku načíst znovu.

  • Hard refresh stránky (F5, anebo kolečko na prohlížeči).
  • Podívejte se, zda parametry hostingu dostačují.
  • Vymažte cache.

Na stránce se nezobrazuje možnost zapnout Divi Builder

  • Vymažte cache webu a prohlížeče.
  • Aktualizujte Divi, pluginy, WordPress.
  • Překontrolujte kompatibilitu pluginů – deaktivujte a postupně aktivujte.
  • Zapněte nejnovější verzi Divi Builder a klasický editor. Divi > Nástroj na tvorbu > Pokročilé > Nejnovější stavebníky Divi a Povolit klasický editor.

Nemožnost publikování stránky

Tady se jedná hlavně o problém WordPressu, ne Divi (jako u většiny potíží).

  • Smazat cache webu a prohlížeče.
  • Aktualizovat WordPress, Divi, pluginy.
  • Překontrolujte kompatibilitu pluginů – deaktivujte a postupně aktivujte.
  • Přeuložte trvalé odkazy.

Nastavení modulu vypadá jinak na frontendu 

Zde může spadat jak „divné“ stylování, tak problém ve funkčnosti modulů samotných (například články v blogu odkazují na jinou stránku, než mají).
Vyzkoušejte vše výše uvedené a k tomu:

  • Vymažte modul a znovu jej vložte a nastylujte.
  • Vytvořte novou stránku, vložte modul, nastylujte, zkopírujte a vložte na původní stránku.
  • Přeuložte trvalé odkazy.

Závěrem

Jak vidíte, mnoho z chyb není kvůli Divi šabloně, ale kvůli kompatibilitě s dalšími pluginy, špatnou konfigurací a cache. I kdyby ve výčtu nebyl váš konkrétní problém, zkuste jít bod po bodu podle seznamu a uvidíte, zda se potíže vyřeší. Pokud ne, kontaktujte podporu Elegant Themes, anebo se poraďte ve skupině.

Rubriky v blogu

Divi využívám pro 99 % projektů mých klientů a mohu ji doporučit každému. Píšu o zajímavých tématech ohledně této šablony.

Články na různá témata týkající se tvorby webu.

Vytvářím si vlastní knihovnu různých kódů, které jsou užitečné pro tvorbu webů.

Novinka

Slevy a akce

Akce a doporučení na hostingy, šablony, pluginy, nástroje, kurzy. Vše, co se podnikatelům hodí.

Facebook skupiny

Jediná a největší poradna čiště pro Divi na našem území. Jsem moderátorem.

Zajímavé informace ohledně tvorby webu a podnikání. Tipy, nástroje, poradna. Jsem adminem.

PurifyCSS – jak odstranit nepoužívané CSS

Tohle je doplnění článku Divi: ultimátní návod na optimalizaci rychlosti. Protože se ve skupině množí dotazy, jak přesně provést odstranění nepoužívaného CSS, pokusím se udělat návod. Hned zkraje napíšu, že ANO, musíte používat child themu a ANO...

číst více

Onebit hosting: Skvělá volba pro váš web

Ano, Onebit hosting miluju! A protože vím, že téma hostingu řeší téměř každý, ráda bych tento článek věnovala jednomu, který využívám pro 98 % webů mých klientů. Proč jsem si oblíbila Onebit? Administrace webhostingu JednoduchostCo opravdu nesnáším...

číst více