--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: "Divi 4.6: Divi Sticky Options" url: https://www.wplama.cz/divi-4-6-divi-sticky-options/ date: 2020-08-31 modified: 2020-08-28 author: Tomáš Cirkl type: post categories: [Ostatní] tags: [aktualizace, Elegant Themes] --- Ostatní # Divi 4.6: Divi Sticky Options [![profil 100x100](https://www.wplama.cz/wp-content/uploads/2026/11/profil-100x100.jpg "profil 100x100") **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 31. 8. 2020 2 min čtení Pozor: Článek je z roku 2020. Některé postupy se mohly změnit. ![Sticky Options](https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options.png "Sticky Options") Obsah článku (5 kapitol) 1. [Ukázky použití Sticky Options](https://www.wplama.cz/divi-4-6-divi-sticky-options/#ukazky-pouziti-sticky-options) 2. [Připnutí](https://www.wplama.cz/divi-4-6-divi-sticky-options/#pripnuti) 3. [Specifické styly pro připnutý prvek a přechody](https://www.wplama.cz/divi-4-6-divi-sticky-options/#specificke-styly-pro-pripnuty-prvek-a-prechody) 4. [Hranice pro připnutí](https://www.wplama.cz/divi-4-6-divi-sticky-options/#hranice-pro-pripnuti) 5. [Sleva 20%](https://www.wplama.cz/divi-4-6-divi-sticky-options/#sleva-20) 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ů](https://www.wplama.cz/divi-editor-sablony/). [Introducing Divi Sticky Options!](about:blank) ## Ukázky použití Sticky Options **Ukázka #1** [https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-1.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-1.mp4) [Prohlédnout v prohlížeči](https://www.wplama.cz/sticky-demo-1) **Ukázka #2** [https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-2.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-2.mp4) [Prohlédnout v prohlížeči](https://www.wplama.cz/sticky-demo-2) **Ukázka #3** [https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-3.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-3.mp4) [Prohlédnout v prohlížeči](https://www.wplama.cz/sticky-demo-3) ## 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. [https://www.wplama.cz/wp-content/uploads/2020/08/horni-hrana.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/horni-hrana.mp4) ### 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. [https://www.wplama.cz/wp-content/uploads/2020/08/spodni-hrana.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/spodni-hrana.mp4) ### 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](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/) 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í. [https://www.wplama.cz/wp-content/uploads/2020/08/styly.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/styly.mp4) ## 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. [https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-4.mp4](https://www.wplama.cz/wp-content/uploads/2020/08/sticky-options-4.mp4) [Prohlédnout v prohlížeči](https://www.wplama.cz/sticky-demo-4) ## 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](https://www.wplama.cz/et-summer-2020)** - [#aktualizace](https://www.wplama.cz/stitek/aktualizace/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) Sdílet - - [](mailto:?subject=Divi 4.6: Divi Sticky Options&body=Divi 4.6: Divi Sticky Options https://www.wplama.cz/divi-4-6-divi-sticky-options/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-6-divi-sticky-options%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-6-divi-sticky-options%2F) ![profil 150x150](https://www.wplama.cz/wp-content/uploads/2026/11/profil-150x150.jpg "profil 150x150") 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 Word Campech. 1 035 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-6-divi-sticky-options/#respond) [← Předchozí článek Jak organizovat mediální soubory ve WordPress](https://www.wplama.cz/jak-organizovat-medialni-soubory-ve-wordpress/) [Další článek → WordPress 5.5.1](https://www.wplama.cz/wordpress-5-5-1/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Ostatní →](https://www.wplama.cz/wordpress/ostatni/) ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [WordPress Black Friday 2025: Kupóny na slevy pluginů, šablon i služeb](https://www.wplama.cz/wordpress-black-friday/) 19. 11. 2025 6 min čtení --- ![black friday wplama](https://www.wplama.cz/wp-content/uploads/2025/11/black-friday-wplama.png "black friday wplama") Ostatní ### [BLACK FRIDAY SLEVA – 20 % na správu WordPress webu](https://www.wplama.cz/black-friday-sleva-20-na-spravu-wordpress-webu/) 18. 11. 2025 1 min čtení --- ![sureforms recenze pluginu scaled](https://www.wplama.cz/wp-content/uploads/2025/05/sureforms-recenze-pluginu-scaled.png "sureforms recenze pluginu scaled") Ostatní ### [SureForms – moderní plugin nejen pro tvorbu kontaktních formulářů ve WordPress](https://www.wplama.cz/sureforms-wordpress-kontaktni-formular/) 19. 5. 2025 12 min čtení ---