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

UI pro hover

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í.

O autorovi

Tomáš Cirkl

WordPress specialista · 12 let praxe · 300+ webů ve správě

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.

0 Komentářů

Odeslat Komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Pojďme se seznámit

30 minut video callu, podívám se na tvůj web a řeknu, co by se dalo zlepšit. Nic neslibuju, ale obvykle odcházíš se seznamem priorit.