Ostatní

Divi 4.6: Divi Sticky Options

Sticky Options
Autor příspěvku Tomáš Cirkl

Divi Sticky Options je nové nastavení, které najdete v nastavení modulu, řádku a sekce pod záložkou Pokročilé. Přináší nové možnosti chování prvku, kdy jej můžeme připnout při posunutí obrazovky k horní nebo spodní hraně prohlížeče a upravit jeho styly. Funkce je vhodná například na připnuté formuláře nebo vlastní menu vytvářené přes Tvůrce motivů.

Ukázky použití Sticky Options

Ukázka #1

Prohlédnout v prohlížeči

Ukázka #2

Prohlédnout v prohlížeči

Ukázka #3

Prohlédnout v prohlížeči

Připnutí

Sticky Options umožňuje připnutí obsahu k:

  • hornímu okraji,
  • spodnímu okraji,
  • obou okrajům.

Nastavení najdete v Pokročilé > Scroll Effects > Sticky Position.

Připnutí k horní hraně

Jedná se o způsob, kdy se prvek přichytí při posunu dolu k horní hraně prohlížeče a zůstane tam. Vhodné například pro menu, které najdete i v přiložené ukázce.

Připnutí ke spodní hraně

Jedná se o způsob, kdy se prvek přichytí při posunu dolu k spodní hraně prohlížeče a zůstane tam. Vhodné například pro plovoucí formuláře nebo výzvy k akci, které najdete i v přiložené ukázce.

Připnutí k horní i spodní hraně

Třetí varianta umožňuje připnutí prvku k horní hraně, když se posouváte stránkou dolu a připnutí elementu ke spodní hraně, když se posouváte nahoru.

Specifické styly pro připnutý prvek a přechody

Každému prvku můžete nastavit vlastní styly, které se aplikují při jeho připnutí. Aktivace stylů se provádí stejně jako pro najetí myši nebo responzivitu. Stačí při najetí na položku kliknout na přiřazenou ikonu a zobrazí se možnost zadání stylů.

V příkladu na videu můžete vidět, jak se menu při připnutí podbarví.

Hranice pro připnutí

Pro každý element můžete také vytyčit hranice pro jeho připnutí. Pokud na ně prvek narazí, tak se zastaví a dál se už nebude s prohlížečem posouvat. Tato možnost je vhodná například pro klasické plovoucí položky v sidebaru po délku obsahu.

Prohlédnout v prohlížeči

Sleva 20%

V současné době je možné zakoupit Divi s 20% slevou. Jedná se o druhou největší slevu v roce.

Přejít na stránku slevy

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!