Divi šablona a Elegant Themes

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

UI pro hover
Autor příspěvku Tomáš Cirkl

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

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.

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!