Jak pracovat v Divi: Nejlepší tipy a triky pro efektivní design webu
Divi od Elegant Themes už dávno není žádnou novinkou. Naopak – je to nástroj, bez kterého si osobně už nedovedu představit. V Diivi existuje řada funkcí a triků, o kterých možná nevíte. Dovedou vám velmi usnadnit, zrychlit a zpříjemnit práci. Jdeme si je představit.
1. Využívejte Divi Layouty (šablony) jako výchozí bod
Divi přichází s rozsáhlou knihovnou předpřipravených layoutů. Takže nemusíte pokaždé začínat na zelený louce – jednoduše vyberte šablonu, která je nejblíže vašemu záměru, a pak ji upravte podle svých představ. Nejen že ušetříte hodiny práce, ale také se necháte inspirovat novými designovými trendy.
Tip:
Stačí kliknout na „Load Layout“ v Divi Builderu. Průběžně si procházejte nové šablony, protože Elegant Themes je pravidelně aktualizují.
2. Nastavení globálních modulů
Často se stává, že potřebujete stejnou sekci nebo prvek používat napříč celým webem (například zápatí, formuláře nebo kontaktní informace). Využijte možnosti vytvořit globální modul – změny v něm se automaticky přenesou na celý web.
Tip:
Klikni pravým tlačítkem na modul a vyber možnost „Save to Library“ s označením „Make this a global item“.
3. Klávesové zkratky – váš nejlepší přítel
Divi má hned několik klávesových zkratek, které vám ušetří mnoho kliknutí myší. Mezi nejužitečnější patří:
- Kopírovat modul: Ctrl + C
- Vložit modul: Ctrl + V
- Duplikovat modul: Ctrl + D
- Uložit změny: Ctrl + S
- Rychlé najití nastavení modulu: dvojité kliknutí na modul
4. Rychlé přizpůsobení designu stylů
Máte jeden modul vyladěný do dokonalosti a chcete, aby další vypadal stejně? Nemusíte ručně kopírovat každý parametr zvlášť. Stačí kliknout pravým tlačítkem na modul, zvolit „Copy Module Styles“ a pak „Paste Module Styles“ do jiného modulu.
Tip:
Tato funkce vám dokáže ušetřit obrovské množství času zejména při ladění detailů napříč stránkami.
5. Snadná práce s responzivitou
Chcete vědět, jak váš web vypadá na mobilních zařízeních, a rovnou ho upravit? Klikněte na malou ikonu telefonu vlevo dole v Divi editoru a jednoduše přepínejte mezi zobrazením na PC, tabletu či mobilu.
Tip:
Pamatujte, že responzivitu je nejefektivnější ladit průběžně, během tvorby jednotlivých prvků, ne až nakonec.
6. Správné využívání Divi knihovny (Divi Library)
Divi Library je váš osobní sklad layoutů, modulů nebo řádků. Kdykoliv si uložíte konfiguraci libovolného modulu nebo layoutu, bude vám vždy dostupná pro rychlé použití.
Tip:
Využijte naplno také Divi Cloud – cloudové úložiště, ve kterém můžete spravovat uložený obsah z kteréhokoli vašeho webu.
7. Urychlená práce díky kopírování celých sekcí a řádků
Pokud potřebujete použít stejnou sekci na jiné stránce svého webu, nemusíte ji nastavovat znovu celou od začátku. Jednoduše sekci zkopírujte a vložte, kam potřebujete.
Tip:
Klikněte pravým tlačítkem na modrou (sekce), zelenou (řádky) nebo šedou (moduly) ikonu, zvolte „Copy“ a na nové stránce klikněte „Insert Module/Row/Section“.
8. Testování a zálohování pomocí historie změn
Uděláte-li chybu nebo se chcete vrátit k předchozí verzi layoutu? Není problém. V dolní části obrazovky najdete ikonku historie změn – jediným kliknutím se vrátíte v čase zpět.
Tip:
Toto se skvěle hodí při experimentování nebo při designovém ladění webu.
9. Nastavení předdefinované barevné palety a fontů
Pokud předem definujete barevnou paletu a základní fonty webu v nastavení Divi šablony, nemusíte barvy a typografii nastavovat u každého modulu zvlášť.
Tip:
V Divi → Theme Options nastavte svoji základní paletu barev a výchozí fonty. Pak už jen vybíráte z předem připravených možností.
10. Zrychlení práce díky „Extend Styles“
Tato funkce vám dovolí konkrétní nastavení modulů rychle aplikovat napříč celou stránkou. Klikněte pravým tlačítkem na konkrétní nastavení a zvol „Extend Styles“ – a nastavíš tak okamžitě všechny podobné moduly.
Závěr: Dostaňte ze svého Divi maximum!
Každý projekt je jiný, ale efektivita a rychlost práce je vždycky klíčová. Díky výše uvedeným tipům se posunete dál, práci si zjednodušíte a budete moct trávit více času kreativní částí tvorby webu, místo nekonečného klikání a nastavování drobných parametrů.
Divi je velmi intuitivní – nebojte se experimentovat a objevovat další a další možnosti, které tento skvělý nástroj poskytuje.
