Divi 5: Rozšíření atributů

Divi 5 přináší novinku s názvem Extend Attributes (rozšíření atributů), která navazuje na populární funkci Extend Styles (rozšíření stylů) z předchozí verze Divi 4. Nové rozšíření však není jen návratem ke starému – je výrazně výkonnější a flexibilnější.

Pomocí Extend Attributes lze nyní rychle aplikovat vybrané vlastnosti napříč různými prvky v rámci celého layoutu. To výrazně urychluje práci a eliminuje nutnost opakovaného nastavování stejných parametrů u jednotlivých modulů. Funkce je navržená tak, aby usnadnila hromadné úpravy a podpořila konzistentní design v rámci Divi šablony.

Ve zveřejněném videu je vidět, jak efektivně lze pomocí této funkce upravovat styly v celém návrhu během několika kliknutí.

Obsah

Snadné přenášení vlastností mezi prvky
Rozšiřte všechno všude
Užitečné menu skryté pod klikem pravého tlačítka myši
Panel pro rozšíření atributů

Snadné přenášení vlastností mezi prvky

Extend Attributes je nová funkce v Divi 5, která umožňuje rychle a hromadně přenášet vybrané vlastnosti mezi různými prvky na stránce. Ať už jde o styly, přednastavení nebo dokonce obsah, vše lze aplikovat napříč stránkou během několika kliknutí.

Stačí kliknout pravým tlačítkem na libovolný prvek a zvolit možnost „Extend Attributes“. Poté si uživatel jednoduše vybere, které vlastnosti chce rozšířit a kam – například na všechny moduly v určité sekci nebo konkrétní typ prvků v rámci celé stránky. Výsledkem je výrazně rychlejší a efektivnější práce při úpravách designu.

Například ve videu níže je ukázáno, jak při redesignu stránky probíhají úpravy jednoho modulu – mění se jeho statické styly i přednastavení. Po dokončení změn stačí kliknout pravým tlačítkem na upravený modul a zvolit Extend Attributes.

Otevře se přehledný panel, ve kterém lze jednoduše zvolit, které designové atributy se mají přenést – a kam. V tomto případě se všechny úpravy okamžitě aplikují na ostatní moduly ve stejném řádku. Výsledkem je sjednocený vzhled bez zbytečného opakování práce.

Rozšiřte všechno všude

Funkce Extend Attributes nabízí detailní kontrolu nad tím, co přesně chcete rozšířit a kam. V rozhraní panelu si lze vybrat nejen konkrétní vlastnosti, ale i cílové umístění a typy prvků, na které se změny mají aplikovat.

Uživatel tak může například přenést jen určité skupiny nastavení – třeba pouze typografii nebo barvy pozadí – a cílit jen na specifické moduly, řádky nebo sekce. Díky tomu je možné precizně přizpůsobit rozsah změn, aniž by došlo k nežádoucím úpravám jinde na stránce. Funkce tak výrazně zjednodušuje hromadné úpravy a umožňuje pracovat s vysokou mírou flexibility.

Panel Extend Attributes v Divi 5 poskytuje detailní možnosti pro výběr toho, odkud, kam a co konkrétně chcete přenést. Díky tomu je možné provádět cílené úpravy bez zbytečných kompromisů.

Extend From Element – Zde se určuje zdrojový prvek, z něhož chcete vlastnosti přenést. Můžete si ho vybrat ze seznamu, nebo jednoduše kliknout přímo na modul na stránce. Pokud použijete pravé tlačítko a vyberete „Extend Attributes“, daný modul se automaticky nastaví jako výchozí.
Extend To Location – Tato volba definuje kam se mají vlastnosti aplikovat – například pouze do stejného sloupce, řádku, sekce nebo i na celou stránku. Pokud například upravujete moduly v tmavé sekci, kde platí specifické styly, můžete omezit rozšíření pouze na tuto část, aby vše zůstalo vizuálně konzistentní.
Extend To Element Type – V Divi 5 je možné rozšiřovat atributy i mezi různými typy prvků. Můžete si zvolit, zda chcete změny aplikovat třeba jen na určité moduly, nebo obecněji – například na všechny kontejnery či textové prvky.
Attribute Type To Extend – Nejde jen o vizuální styl. V Divi 5 lze rozšiřovat styly, obsah, přednastavení (presets) – nebo jejich kombinaci. To umožňuje ještě větší míru přizpůsobení podle potřeby.
Option Group To Extend – Pokud chcete cíleně upravit jen určitou skupinu nastavení (např. vzhled tlačítek), můžete rozšířit pouze tuto konkrétní skupinu voleb. Třeba ze sekce s kontaktním formulářem přenést vzhled tlačítka na všechna ostatní tlačítka na stránce.
Fields To Extend – Nejvyšší míru kontroly získáte, pokud budete chtít přenést jen konkrétní nastavení – například pouze velikost písma nebo barvu pozadí. Všechna upravená pole se zobrazí v přehledném seznamu, který lze filtrovat a vyhledávat. I zde lze použít pravé tlačítko na konkrétní položce a zvolit „Extend Styles“ přímo z nabídky.

Tato úroveň detailního ovládání umožňuje pracovat s designem webu rychleji, chytřeji a s maximální přesností.

Užitečné menu skryté pod klikem pravého tlačítka myši

Divi 5 nabízí nejen detailní panel pro práci s funkcí Extend Attributes, ale také rychlé a praktické zkratky přes pravé tlačítko myši. Tyto možnosti umožňují bleskově přenést konkrétní atributy napříč stránkou – bez nutnosti procházet celý konfigurační panel.

Například pokud si uživatel vytvoří nový vzhled tlačítka a chce ho použít na všech prvcích, které obsahují tlačítka, stačí kliknout pravým tlačítkem na upravený modul a zvolit možnost rozšíření atributů z příslušné skupiny (v tomto případě button option group) na všechny moduly na stránce.

Díky tomu je možné okamžitě aplikovat designové úpravy napříč celým layoutem, aniž by bylo nutné ručně kopírovat styly nebo opakovaně nastavovat jednotlivé prvky. Rychlé volby tak výrazně urychlují práci a zajišťují jednotný vizuální styl.

Panel pro rozšíření atributů

Panel Extend Attributes v Divi 5 je navržen tak, aby co nejvíce zjednodušil práci a přizpůsobil se aktuálnímu kontextu. Když je panel otevřený, automaticky se přepíná podle toho, na který modul na stránce kliknete. To znamená, že není nutné panel neustále zavírat a znovu otevírat – stačí pracovat přímo s tím, co právě upravujete.

Díky systému dokotovatelných a kombinovatelných panelů v Divi 5 je navíc možné panel pro Extend Attributes přichytit do postranního panelu vlevo. Tím se stává neustále dostupným nástrojem při tvorbě a úpravách, aniž by překážel ve výhledu nebo vyžadoval další klikání. Výsledkem je plynulejší a pohodlnější práce při úpravách webu.

Shrnutí

Funkce Extend Attributes v Divi 5 přináší výkonný nástroj pro hromadné úpravy designu, obsahu i přednastavení napříč celou stránkou. Díky promyšlenému ovládání je možné snadno určit, co, kam a jakým způsobem se má přenášet – ať už jde o jednotlivé styly, celé skupiny nastavení nebo specifické typy prvků.

Rychlé volby přes pravé tlačítko myši urychlují běžnou práci, zatímco kontextově reagující panel zajišťuje přehled a pohodlí i při složitějších úpravách. Možnost připnout panel ke straně pak jen podtrhuje důraz Divi 5 na efektivitu.

Extend Attributes výrazně usnadňuje tvorbu konzistentního designu a šetří čas při opakovaných úpravách – ať už ladíte drobnosti, nebo redesignujete celé sekce.

Prohlédněte si i další novinky v Divi 5