Divi šablona a Elegant Themes

Divi 4.5: Divi Presets

Divi Preset
Autor příspěvku Tomáš Cirkl

Divi Presets je nový designový systém založený na třídách. Když upravujete styly v Divi modulu, řádce nebo sekci můžete nově využít funkci Divi Preset, která automaticky aplikuje sdílený design. Kdykoliv pak zpětně upravujete element využívající daný Preset, změny se projeví všude, kde je použitý. Díky tomu je úprava stránky zase o stupeň rychlejší o což se Elegant Themes poslední dobou velmi snaží.

Co je to Divi Preset?

Každý Divi modul obsahuje rozsáhlé možnosti nastavení vzhledu. Můžete vzít například klasický modul Tlačítko a upravit mu pozadí, velikost textu a písmo (a další styly).

Divi Preset poté umožní tyto úpravy uložit jako vlastní vzor. Všechny změny se uloží a můžete je snadno při tvorbě nového modulu vyvolat a použít.

Jakmile je Preset aplikován, je upraven základní vzhled modulu. Kdykoliv upravíte uložený Preset, upraví se vzhled všech modulů, kde je použitý.

Díky tomu je možné si při tvorbě webu udělat kolekci nastylovaných prvků, které poté jen rychle znovu využíváte.

Stylování nového Presetu

Preset je možné spravovat z rozbalovací nabídky, kterou naleznete v horní části nastavení modulu. Z rozbalené nabídky klikněte na tlačítko Add New Preset a pojmenujte jej.

Nyní můžete upravit vzorové styly. Po uložení Presetu se v rozbalovací nabídce zobrazí nová položka, kterou jste vytvořili.

Tvorba Presetu z již existujícího elementu

Preset můžete vytvořit i již z existujícího a upraveného modulu. Vyberte modul, který chcete použít jako vzor, rozbalte nabídku Preset a  klikněte na tlačítko Create New Preset From Current Styles.

Přiřazení výchozího Presetu

Minulý rok vyšla aktualizace, která obsahovala Globální nastavení. Divi Preset nahrazuje tuto funkcionalitu a rozšiřuje ji o možnost tvorby vlastních vzorových kolekcí.

Jakýkoliv vytvořený Preset může být označen jako výchozí styl pro daný modul. Když poté přidáte nový modul, už má automaticky nastavené výchozí styly.

Úprava existujícího Presetu

Preset jde kdykoliv upravit přes ikonu tužky u jeho jména. Úpravy se automaticky projeví na všech modulech, kde je Preset použit.

Popis rozhraní Divi Preset

Veškerá správa Preset se odehrává v rozbalovací nabídce, kterou najdete v horní části nastavení modulu.

Rozraní Preset

Rozraní Preset

  1. Rozbalovací nabídka Preset – zde můžete zobrazit dostupné sady Preset pro daný modul. Otevírá celou nabídku.
  2. Výchozí Preset – informace o tom, který Preset je výchozí.
  3. Přiřazený výchozí Preset – hvězdička označuje Preset, který se využívá jako výchozí styl pro typ modulu.
  4. Vybraný Preset – zelená “fajfka” označuje, který Preset je aktuálně použitý u daného modulu.
  5. Úprava Presetu – kliknutím na ikonu tužky se zobrazí nabídka úpravy stylů.
  6. Nastavení Presetu – kliknutím na ikonu ozubeného kola můžete upravit název.
  7. Aktualizace Presetu podle aktuálních stylů modulu – kliknutím na ikonu šipky aktualizuje uložené styly.
  8. Kopírovat Preset – kliknutím na ikonu dvou obdélníků vytvoříte duplicitní Preset. Vhodný způsob tvorby barevných variant.
  9. Smazat Preset – kliknutím na  ikonu  popelnice vybraný Preset smažete.
  10. Vytvořit nový Preset z aktuálních stylů – kliknutím na tlačítko vytvoříte nový Preset z použitých stylů modulu, v jehož nastavení se nacházíte.
  11. Přidat nový Preset – kliknutím na tlačítko vytvoříte nový Preset a budete moci jej nastylovat.

Proč je Divi Preset tak důležitá aktualizace?

Pokud se živíte tvorbou webových stránek, tak víte co je HTML a CSS. Díky nové funkci můžete vytvořit styl (stejně jako byste vytvořili třídu) a přiřazovat ji daným modulům. Stejně tak úprava Presetu ovlivňuje všechny moduly, kde je použit, napříč celým webem.

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

1 komentář

  • Hmmm. Mi vrtalo hlavou, cim je to jiny nez globalni polozky a moznost stylov
    ani vice prkvu a pak ulizeni do knihovny. Dik za clanek

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 5 let. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.