Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

Divi šablona a Elegant Themes

Divi 3.16: Nastavení prvků při přejetí myší (hover)

Tomáš Cirkl Publikováno Aktualizováno 1 min čtení

Pozor:

Článek je z roku 2018. Některé postupy se mohly změnit.

UI pro hover
Obsah článku (4 kapitoly)

Aktualizace Divi 3.16 přináší nový způsob, jak pracovat s prvky ve Visual Builderu. Nové možnosti nastavení, které se aplikují při přejetí myší, umožňují tvorbu interaktivních elementů na stránce.

Transformujte Divi moduly na interaktivní elementy

Nastavení prvku při přejetí myší používá velmi jednoduché rozhraní.

UI pro hover
UI pro hover

Do nastavení při přejetí myší se dostanete tak, že kliknete na ikonu myši u dané možnosti nastavení. Tím u prvku aktivujete nastavení při přejetí myší. Následně se zobrazí záložky, kde můžete vybrané možnosti upravovat.

Ukázky hover efektů

S novými možnostmi můžete například měnit barvu pozadí, pozici modulu, stín, velikost textu…

Příklad 1
Příklad 1
Příklad 2
Příklad 2

S novou aktualizací také přibylo nové nastavení Transitions (Přechody), které najdete v záložce Pokročilé. Můžete zde upravovat například dobu přechodové animace, prodlevu, rychlost a jiné.

Nastavení Transitions
Nastavení Transitions

Nově můžete udělat odkaz z celé sekce, řádku nebo modulu

Nastavení odkazu
Nastavení odkazu

Aktualizace také obsahuje možnost udělat odkaz z celé sekce, řádku nebo modulu. Díky tomu můžete jednoduše přeměnit část stránky na tlačítko.

Sleva 10%

K příležitosti vydání nové aktualizace Divi šablony nabízí Elegant Themes 10% slevu na členství.

Autor

Tomáš Cirkl

Zakladatel WPlama. Od roku 2014 se starám o weby a e‑shopy na WordPressu a píšu o tom, co při té práci řeším. Třikrát jsem přednášel na WordCampech.

1 035 článků Všechny články autora

Komentáře

Zatím tu nikdo nekomentoval. Napište první komentář.

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.