Divi 5 přichází s novinkou jménem presety skupin možností (Option Group Presets), která zahajuje novou éru návrhu založeného na presetech. Jde o jednu z nejzásadnějších funkcí, které se v Divi objevily za poslední roky.
Presety skupin možností představují sdílené styly, které lze libovolně kombinovat a aplikovat na jakýkoliv modul Divi šablony. Díky nim je možné jednoduše nastylovat základní prvky webu a vytvářet pokročilé designové systémy.
Jakmile si uživatel osvojí tento způsob práce, je těžké se vracet zpět. Podívejte se na video níže a zjistěte, jak tato novinka funguje v praxi. 👇
Revoluce v návrhu díky presetům v Divi
Jiné buildery tomu říkají třídy, v Divi se používá pojem presety. Návrh založený na presetech využívá znovupoužitelné styly k efektivní správě designového systému webu. Skupiny možností v Divi lze převést na presety a aplikovat je na libovolné prvky.
Systém presetů není v Divi žádnou novinkou, ale presety skupin možností (Option Group Presets) přinášejí zásadní změnu – nejsou totiž vázané na konkrétní modul. Lze je tedy libovolně kombinovat napříč všemi prvky.
Chcete-li například použít stejný styl pozadí, rámečku nebo nadpisu na více místech, už není třeba tyto styly znovu ručně nastavovat. Stačí vytvořit preset a aplikovat ho kamkoliv. Jakmile preset upravíte, změna se automaticky promítne do všech prvků, které ho využívají.
Přeměňte nastavení na designové presety
Podívejme se na konkrétní příklad. Na webu ve videu níže je vidět, že – jako u většiny webů – se opakuje řada stylů. Právě opakování vizuálních prvků vytváří celkovou soudržnost designu.
Jedním z opakujících se motivů je styl pozadí, který kombinuje barvu, přechod a obrázek k vizuálnímu zvýraznění důležitých prvků. Místo toho, abyste tento styl znovu a znovu vytvářeli ručně, lze ho jednoduše převést na preset.
Díky tomu je návrh výrazně jednodušší – styl pozadí stačí aplikovat jako preset na libovolný prvek. A co je nejdůležitější: když později potřebujete upravit vzhled, stačí změnit preset, a úprava se automaticky projeví všude, kde je použitý.
Přidání více presetů na jeden prvek
Presety skupin lze kombinovat. Každý preset představuje modulární část vašeho designového systému.
Ve videu níže je vidět, že různé prvky na stránce sdílejí stejné vizuální motivy – používají stejný zaoblený rámeček, okraj, stín a styl nadpisu. A všechny tyto styly jsou vytvořeny pomocí presetů.
Stačí tedy úprava na jednom místě a všechny opakující se designové prvky napříč webem se automaticky aktualizují.
Přidávání presetů vrstev na presety prvků
Presety skupin lze vrstvit na presety jednotlivých prvků. Ve videu níže například sloupce používají preset, který obsahuje společnou barvu pozadí, zaoblení rohů, stín a rozestupy. Tento preset lze jednoduše použít kdykoliv, kdy chcete vytvořit vzhled zvýrazněné karty.
Kromě toho existují i samostatné presety pro rámeček a stín, které slouží k vizuálnímu zvýraznění vybraných prvků. Tyto presety lze vrstvit na základní preset sloupce.
Díky tomu není téměř nikdy potřeba stylovat jednotlivé prvky ručně – celý web je postavený na kombinaci opakovaně použitelných presetů.
Úprava výchozích presetů pro stylování základních prvků webu
Nově je možné upravit výchozí preset libovolné skupiny možností a tím ovlivnit vzhled základních prvků celého webu.
Například: pokud změníte písmo ve výchozím presetu pro nadpisy, automaticky se aktualizují všechny nadpisy ve všech modulech, protože tyto styly dědí právě z výchozího presetu. Stejným způsobem funguje každá další skupina možností.
Úprava výchozích presetů je v podstatě jako mít všechny funkce přizpůsobení šablony (Theme Customizer), které jste si kdy přáli – ale s větší flexibilitou a kontrolou.
Shrnutí
Divi 5 představuje zásadní vylepšení ve formě presetů skupin možností (Option Group Presets), které přinášejí revoluci do způsobu návrhu webu. Místo opakovaného manuálního stylování nyní můžete vytvářet znovupoužitelné styly, které lze kombinovat, vrstvit a globálně upravovat napříč celým webem.
Díky presetům:
- snadno aplikujete jednotný vzhled na různé prvky,
- výrazně zrychlíte práci při tvorbě i úpravách webu,
- máte větší kontrolu nad celkovým designem díky úpravám výchozích stylů,
- můžete budovat systémový a konzistentní design bez nutnosti opakovaného nastavování.
Presety v Divi 5 tak přináší větší efektivitu, jednotnost a moderní přístup k webdesignu. Jakmile si na ně zvyknete, návrat k dřívějším metodám už nebude dávat smysl.
Prohlédněte si i další novinky v Divi 5
- Divi 5: Rozšíření atributů
- Divi 5: Pokročilé jednotky (včetně CSS funkcí a proměnných)
- Divi 5: Proměnné v designu
- Divi 5: Vyhledávání a filtrování nastavení
- Divi 5: Správu atributů
- Divi 5: Skupiny modulů
- Divi 5: Přizpůsobitelné responzivní breakpointy
- Divi 5: Vnořené řádky
- Divi 5 (Public Alpha) k dispozici ke stažení
