V predchádzajúcom článku sme sa v krátkosti zoznámili s tým, čo všetko potrebujeme k tomu, aby sme si vedeli zodstaviť vlastnú webovú stránku pomocou Divi. Získali sme poznatky o tom, čo všetko Divi dokáže a čo nedokáže a v krátkosti sme si predstavili sadu pluginov, ktoré rozširujú funkčnú časť Divi a poskytujú ďalšie dizajnové požnosti.
Teraz sa pozrieme na to ako sa dá dizajnovať v Divi na vyššej úrovni. Článok je opäť určený primárne ľuďom, ktorí sa chcú vyhnúť kódovaniu a snažia sa tvoriť dizajn a grafiku.
V predchádzajúcom článku som tiež spomínal ako som si prvý rok vystačil s licenciou na Divi a ďalší rok potom s licenciou na Divi plugins. Približne pred pol rokom ako sa začali stupňovať požiadavky na dizajnové prvky na stránkach som začal hľadať moduly, ktoré by mi tento problém pomohli vyriešiť.
Kódovanie CSS ma už jednoducho v takom rozsahu nestačiloa som hlavne web dizajnér, nie kóder. Nastal čas hľadať riešenie.
Riešenie sa ponúklo samo, keď som natrafil na sadu približne 40 modulov do Divi a to plugin Divi Supreme. V čase, keď som ho kupoval ponúkali počas obmedzeného obdobia doživotnú a neobmedzenú licenciu za 179 $. Váhal som asi len pár hodín a licenciu si zakúpil.
Divi Supreme rozšíri moduly Divi o ďalších približne 40. Ide predovšetkým o dizajnovacie moduly. Nepridávajú teda do Divi nové funkcie (na rozdiel od Divi Plugins), ale nové dizajnové prvky.
Povedzme si na rovinu, ak ste kóder, Supreme moduly nepotrebujete, pretože prakticky všetky tieto prvky si viete naštýlovať pomocou CSS s použitím základných modulov.
Mojím cieľom je však priblížiť Divi predovšetkým dizajnérom a pokročilejším používateľom a títo Supreme moduly najviac ocenia.
Modulov Divi Supreme je veľmi veľa a ani za pol roka nemám otestované a použité všetky, no niektoré naopak používam veľmi často a týmto sa v krátkosti povenujem alebo ich rovno ukážem na príklade, ktorý má oveľa väčšiu výpovednú hodnotu.
Supreme Text Divider
Supreme Text Divider je jednoduchý modul, ktorý umožní pridať horizontálnu čiaru a umiestniť do nej nadpis. Podľa potreby sa dá následne štýlovať.
Supreme Facebook Feed
Bez inštalácie ďalších pluginov je možné na stránke pomocou tohto modulu zobraziť vašu Facebook stránku
Supreme Contact Form 7
Kto sa už stretol s formulárom Contact Form 7, vie dve veci – je to úžasne jednoduchý formulár s obrovským množstvom funkcii avšak bez akejkoľvek možností štýlovania. Na pridanie štýlov do Contact Form 7 je nutné vedieť CSS a formulár nadizajnovať. Pomocou tohto modulu stačí mať základný formulár Contact Form 7 a o kompletné štýlovanie sa postará tento modul.
Supreme Icon Divider je podobný modul ako Supreme text Divider, len s rozdielom, že do stredu čiarny môžete pridať ikonku alebo vlastný obrázok.
Supreme efekt písania
Myslel som si, že časy takýto srandičiek sú preč a ostali zabudnuté v rokoch 2000 – 2010. No neostali a čoraz viac ľudí práve niečo takéto chce mať na stránke. Pomocou tohto jednoduchého modulu si viete tento písaný text ľubovoľne upravovať. Viete dokonca pridať aj viac textov, nemusí byť iba jeden.
Supreme Price List
Cenník. Základný cenník v Divi sú bloky zobrazené vedľa seba a pre viac jednoduchých položiek to jednoducho nestačí. Toto je obyčajný cenník, ktorý vyzerá ako obsah v knihe. Položka ….. cena.
Supreme Opening Hours
Úplne rovnaký modul ako cenník, ale tentokrát dokáže zobrazovať otváracie hodiny
Supreme Image Carousel
Kolotoč obrázkov. Veľmi podobný modul ako Owl Carousel PRO. Využívam ho málo, nakoľko mám Owl, ale ak si kúpite Divi Supreme, nemá zmysel si kupovať ešte aj modul Owl a môžete jednoducho využiť tento.
Supreme Icon List
Jednoduchý a praktický modul. Na vysvetlenie stačí ukážka.
- lIkonka 1
-
Ikonka aj s tooltipom (ukáž myšou)
Toto je Tooltip. Môže v ňom byť ľubovoľný obsah…
- Ikonka 3
Toto je v skratke predstavenie vybraných modulov Divi Supreme. Je ich oveľa viac a každý z nich aj s ukážkou si môžete pozrieť priamo na stránkach Divi Supreme.
Vďaka tejto sade modulov sa opäť moje štýlovanie pomocou CSS vrátilo do udržateľnej roviny. Musím však aj teraz upozorniť, že nie je dôležité akú sadu modulov si kúpite, či nájdete takú, čo je zadarmo alebo platenú, vždy sa vyskytnú niektoré veci, ktoré chcete a žiadny z modulov ich nedokáže. V tomto prípade neostáva nič iné, len siahnuť po Odvodenej téme alebo vlastnom CSS kóde.