Ako začať s Divi I.

Divi je jedna v množstva tém pre WordPress, no okrem toho, že je to aj téma (šablóna), je to zároveň aj vizuálny editor, ktorý umožňuje upravovať a tvoriť webovú stránku vizuálne – vidíte rovno to, čo tvoríte. Z môjho pohľadu ako web dizajnéra prináša neodmysliteľné výhody a to nie len praktické, ale aj finančné.

Možno sa práve opýtate – ako je to možné? veď nie je zadarmo!

Nie, to naozaj nie je! Ak však hodláte do svojho webu vložiť aspoň kúsok profesionality a nestráviť desiatky hodín testovaním všetkých možných bezplatných tém, ktoré sú dostupné pre WordPress, tak sa istým ivestíciám jednoducho nevyhnete.

V začiatkoch som začínal presne rovnako. Viem o čom hovorím. Mojím cieľom bolo vyrobiť web, no nedať do neho ani cent. Aj tých 20 € za hosting a 10 € za doménu ročne bolo príšerne veľa!! V konečnom dôsledku ma to stálo príšerne veľa, síce nie peňazí, ale času. A za ten čas som mohol robiť kopec iných, produktívnejších vecí.

Možno mi poviete druhú námietku – a čo taký Elementor? Ten je zadarmo!

Dovolím si súhlasiť, ale iba čiastočne. Áno, plugin Elementor je skutočne zadarmo, avšak iba v DEMO verzii – je iba niekoľko modulov v Elementore, ktoré sa dajú využívať zadarmo a za ostatné (ktorých je samozrejme väčšina) je potrebné zaplatiť.

Tak čo teda? Elementor či Divi?

Nejdem v tomto článku rozpisovať rozsiahle analýzy a porovnania týchto editorov, je to nad rámec tohto článku. Je tu, ale jeden nesporný argument – Divi ponúka doživotnú licenciu, kým Elementor licenciu na ročnej báze.

V začiatku pre mňa toto bol najdôležitejší argument, pretože som sa prvý krát rozhodol investovať a nemal som zrovna ambíciu platiť každý rok. 

A za veľmi krátku dobu som zistil, že som urobil veľmi dobre. Prečo? Povieme si ďalej

Cenník Divi bol prvým argumentom. Siahol som teda do svojich v tom čase ešte studentských úspor a kúpil neobmedzenú doživotnú licenciu.

Spokojný že, nebudem musieť nič viac platiť som sa pomaly pustil učiť sa v tomto editore pracovať a zoznamovať sa s prostredím. Editor je veľmi rozsiahly a trvalo mi to naozaj dlho. Postupne budem vytvárať sériu kurzov ako pracovať s Divi a môžete sa pridať.

Len pomocou Divi som vytvoril niekoľko desiatok webov. Do istej miery mi na väčšinu prezentačných webov Divi samotné postačovalo a poskytovalo dostatok možností na realizáciu dizajnových aj funkčných prvkov webovej stránky. Viac ako rok som pri tvorbe webov nepotreboval nič iné, len Divi a pár bezplatných pluginov.

Bol to perfektný odrazový mostík k zaujímavejším projektom.

Moje odporúčanie teda znie, netreba sa obávať a ak chcete začať tvoriť svoju stránku alebo aj stránky pre druhých, tak Divi je z môjho pohľadu dobrá voľba a veľmi dobrá investícia. Doživotná licencia stojí síce viac ako akákoľvek téma z Themeforest, ale kvalita sa nedá porovnávať.

Kam sa posunúť ďalej?

 Z predchádzajúceho textu možno vyznieva, že Divi je niečo najlepšie na svete. Povedzme, že je dosť dobré, ale nie je všemohúce. Tak ako aj ja, tak každý, kto začne vytvárať weby (či už svoj alebo druhým) sa dostane do stavu, že zistí, že aj naoko „nekonečné“ Divi má svoje hranice a mantinely, za ktoré sa bez pomoci ísť nedá.

Ja tieto mantinely čiastočne načrtnem a poskytnem aj riešenia k nim.

Niektoré riešenia sú dostatočne obsiahle na to, že sa im bude venovať samostatný článok a preto tento článok bude rozoberať tieto riešenia skôr bodovo a heslovite.

Čo teda Divi nevie?

Na prezentačné webové stránky firmy, produktov alebo osôb Divi bohate stačí. Na magazíny a weby plné článkov zase ponúkne svoje možnosti téma Extra, v ktorej je integrovaný Divi builder. Na problém som narazil, keď som chcel začať viac pracovať s dynamickým obsahom.

Zobrazovanie článkov, kategórii, filtrovanie či komplikovanejšie e-shopy s desiatkami / stovkami produktov a desiatkami kategórii. V tomto bode som narazil na základný mantinel Divi a tým je problém s prácou s dynamickým obsahom. Jednoducho na toto Divi nie je stavané a je zamerané skôr na prezentačné webové stránky alebo malé – pár produktové e-shopy.

Na ďalší mantinel som narazil, keď som chcel pomocou vizuálneho editoru rozsiahlejšie spracovať stránky nákupného košíka a pokladne pre WooCommerce – takéto moduly v sebe Divi nemá a štýlovanie, ktoré umožňuje editor je iba čiastočné a je nutné si významne vypomáhať pomocou CSS kódu.

Dobrou správou je, že toto sú riešiteľné veci, ale sú na to potrebné moduly tretích strán. K tomuto bodu sa dostanete prakticky pri každom editore, či už je to Elementor, Oxygen alebo ktorýkoľvek iný. Aj napriek tomu, že som bol nútený siahnuť po moduloch od iných výrobcov, opäť ma čakalo našťastie príjemné prekvapenie. Aj firmy, ktoré robia moduly pre Divi ponúkajú na svoje produkty doživotnú licenciu!

Doživotná licencia je mimoriadne dôležitý faktor z jednoduchého dôvodu – ročné poplatky vo väčšom množstve sú zabiják rozpočtu.

Aktuálne mám okrem Divi zakúpené moduly od štyroch ďalších firiem, ktoré rozširujú funkcie Divi. Keby som toto isté urobil v prípade Elementoru, dostanem sa ročne na poplatky viac ako 1 000 € a to už nie je zanedbateľná čiastka, ktorá sa dá prehliadnuť!

Od tejto spoločnosti ide o sériu modulov, ktoré rozširujú funkcie Divi a práve jeden z nich – Divi FilterGrid sa už dnes nachádza prakticky na každej stránke ktorú tvorím.

Táto sada pluginov obsahuje

• Divi FilterGrid – plugin na zobrazovanie dynamického obsahu ako sú články a iné typy príspevkov s možnosťou stránkovania, filtrovania, načítania s rolovaním a ďalšími. Tento modul je natoľko rozsiahly, že mu venujem samostatný článok
• Owl Carousel PRO – detail, ktorý množstvo ľudí aj administrátorov oceňuje a Divi ho v sebe nemá – kolotoč obrázkov / textov / článkov. Namiesto skrolovania si môžete obsah posúvať z jednej strany na druhú
• Portfolio Posts PRO – komplexnejší plugin ako ten, ktorý ponúka Divi s názvom „Portfólio“
• Advanced Blurbs – veľmi podobný plugin ako základný „Krátky text“, ale ponúka na výber oveľa väčšie množstvo ikoniek
• Divi Module Builder – ak viete HTML, CSS alebo PHP, viete si vyrobiť vlastný kód a tento plugin zabezpečí zvyšok, aby sa váš novovytvorený kód (aj PHP skript) zobrazil a fungoval ako Divi modul
• Divi Plugin Creator – robí presný opak ako predchádzajúci. Dokážete z hociktorého modulu Divi vyrobiť samostatný plugin a nainštalovať ho do iného WordPressu
• Divi Module Importer – okrem týchto pluginov, firma vyvinula aj niekoľko modulov pre Divi. Pomocou tohto pluginu si ich môžete importovať. Zoznam modulov nájdete na stránke: https://diviplugins.com/modules/

Opäť aj táto sada pluginov niečo stála, ale zase som zvolil možnosť doživotnej licencie na všetky pluginy. Aj keď väčšinu z nich využívam iba sporadicky a niektoré vôbec, tak to, ako mi pomáha Divi FilterGrid a Owl Carousel PRO stálo za tých 249 $, ktoré som do toho investoval a táto investícia sa vrátila takmer okamžite.

Aj v ich prípade sú možnosti nižších licencii na báze ročného poplatku, prípadne stojí za zváženie verzia za 149 $, ktorá je osekaná a pluginy Module builder a Plugin Creator, ale pozor, ide o licenciu len na jeden web!

A ďalej?

Áno, dá sa ísť aj ďalej a každá sranda niečo stojí. Ak však má web vyzerať profesionálne, je nutné ísť ďalej. S licenciu na Divi som vydržal prvý rok. Po roku som dokúpil licenciu Divi plugins a s týmito licenciami som vydržal ďalší rok. Postupne sa však stupňovali požiadavky na grafické prvky a na vizuál webovej stránky a to znamenalo čoraz viac a viac CSS na mieru. A už to začínalo byť neúnosné. Je to len asi pol roka, čo som sa priklonil k tretej licencii, ktorá tentokrát nerozširovala funkčné prvky Divi, ale jeho dizajnové možnosti.

Na oko jednoduché veci, ktoré zaberajú množstvo času pri štýlovaní CSS. A okrem toho, tento článok je určený nie len profesionálom, ktorí tieto možnosti už určite dávno poznajú, ale často aj dizajnérom, ktorým kódovanie nehovorí takmer nič. Je čas dizajnovať!

Chcem sa dozvedieť viac o Divi a byť informovaný