--- 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: "Nově v Divi: Dynamické přechody a efekty pro sekce" url: https://www.wplama.cz/dynamicke-prechody-a-efekty-pro-sekce/ date: 2018-02-12 modified: 2018-02-10 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Elegant Themes, Nově v Divi] --- Divi šablona a Elegant Themes # Nově v Divi: Dynamické přechody a efekty pro sekce [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 12. 2. 2018 2 min čtení Pozor: Článek je z roku 2018. Některé postupy se mohly změnit. ![divi oddeleni sekce scaled](https://www.wplama.cz/wp-content/uploads/2018/02/divi-oddeleni-sekce-scaled.jpg "divi oddeleni sekce scaled") Obsah článku (2 kapitoly) 1. [Přidat oddělení sekce je jednoduché](https://www.wplama.cz/dynamicke-prechody-a-efekty-pro-sekce/#pridat-oddeleni-sekce-je-jednoduche) 2. [12 ukázek nových přechodů sekcí](https://www.wplama.cz/dynamicke-prechody-a-efekty-pro-sekce/#12-ukazek-novych-prechodu-sekci) Aktualizace [Divi 3.0.101](https://www.wplama.cz/divi) přidává nové nastavení dynamických přechodů a efektů pro sekce. Díky těmto přechodům lze přidávat vlastní tvary a efekty na stránku. Vytvoříte tak dynamický přechod mezi bloky obsahu a ještě více tak můžete stránku upravit podle sebe. Vlastní oddělovače mohou být na stránce umístěny nad a pod sekci. S nimi pak jednoduše vytváře krásné a efektní přechody mezi různými částmi stránky. Vybírat můžete z 26 různých tvarů, z nichž každý může být otočen, opakován, zvětšen, zmenšen, kombinován a ještě dále upraven. [Divi Feature Update! Introducing Dynamic Shape Dividers For Divi Sections](about:blank) ## Přidat oddělení sekce je jednoduché Velké množství tvarů a efektů může být vytvořeno pomocí nového nastavení, které bylo přidané do rozhraní sekce. ### Rozhraní pro oddělení sekce [![Rozhraní pro nastavení oddělení sekce](https://www.wplama.cz/wp-content/uploads/2018/02/rorzhrani-pro-nastaveni-oddeleni-sekce.jpg "Rozhraní pro nastavení oddělení sekce")](https://www.wplama.cz/wp-content/uploads/2018/02 / rorzhrani-pro-nastaveni-oddeleni-sekce.jpg) Rozhraní pro nastavení oddělení sekce Přidání vlastních oddělení sekcí na stránku uděláte pomocí nového nastavení. Ve Visuálním Builderu vyberete tvar oddělení a upravíte jeho velikost, rotaci, umístění a barvu. ### 26 různých stylů [![26 různých stylů](https://www.wplama.cz/wp-content/uploads/2018/02/26-ruznych-stylu.gif "26 různých stylů")](https://www.wplama.cz/wp-content/uploads/2018/02/26-ruznych-stylu.gif) 26 různých stylů Vybírat můžete z 26 unikátních tvarů. Tyto tvary jsou vytvořeny pomocí [SVG](https://www.wplama.cz/wordpress-a-svg/), což znamená, že se budou zobrazovat bez ztráty kvality a budou vypadat perfektně i na retina zařízeních. Navíc jsou malé a nezpomalí načítání webové stránky. ### Otočit, změnit velikost, opakovat a upravit [![Otočit, změnit velikost, opakovat a upravit](https://www.wplama.cz/wp-content/uploads/2018/02/otocit-zmenit-velikost-opakovat-a-upravit.gif "Otočit, změnit velikost, opakovat a upravit")](https://www.wplama.cz/wp-content/uploads/2018/02 / otocit-zmenit-velikost-opakovat-a-upravit.gif) Otočit, změnit velikost, opakovat a upravit Každý tvar může být zcela upraven. Lze změnit i jeho velikost. Výšku nastavíte pomocí pixelů i procent. Tvary se mohou opakovat tak, aby vytvořili unikátní vzory. Každý tvar pak vytvoří zcela jiný přechod. ### Umístění nad i pod jakoukoliv sekci [![Umístění nad i pod jakoukoliv sekci](https://www.wplama.cz/wp-content/uploads/2018/02/umisteni-nad-i-pod-jakoukoliv-sekci.gif "Umístění nad i pod jakoukoliv sekci")](https://www.wplama.cz/wp-content/uploads/2018/02 / umisteni-nad-i-pod-jakoukoliv-sekci.gif) Umístění nad i pod jakoukoliv sekci Tvary mohou být umístěny nad i pod každou sekci na stránce. Když je zkombinujete, můžete docílit velmi pěkných výsledků. ### Umístění nad nebo pod obsah [![Umístění nad nebo pod obsah](https://www.wplama.cz/wp-content/uploads/2018/02/umisteni-nad-nebo-pod-obsah.gif "Umístění nad nebo pod obsah")](https://www.wplama.cz/wp-content/uploads/2018/02 / umisteni-nad-nebo-pod-obsah.gif) Umístění nad nebo pod obsah Přechod lze také umístit na horní část sekce pod nebo nad obsah. Díky tomu se objevuje další nabídka skvělých efektů, které oživí styl stránky. ### Automatické rozpoznání barvy [![Automatické rozpoznání barvy](https://www.wplama.cz/wp-content/uploads/2018/02/automaticke-rozpoznani-barvy.gif "Automatické rozpoznání barvy")](https://www.wplama.cz/wp-content/uploads/2018/02 / automaticke-rozpoznani-barvy.gif) Automatické rozpoznání barvy Nově přidané oddělovače sekcí také umějí automaticky zdědit barvu. Když přidáte nový tvar, tak se automaticky upraví podle barvy pozadí sekce. Když přechod sekce přesunujte, tak se automaticky upraví jeho barva. ## 12 ukázek nových přechodů sekcí Chcete se inspirovat? Podívejte se na 12 skvělých ukázek použití nově přidané funkce do Divi. Ukázky přechodů sekcí si také můžete [prohlédnout na demo stránce](https://www.wplama.cz/divi-shape-dividers). [![Ukázka oddělení sekce #1](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-1.jpg "Ukázka oddělení sekce #1")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-1.jpg) Ukázka oddělení sekce #1 [![Ukázka oddělení sekce #2](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-2.jpg "Ukázka oddělení sekce #2")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-2.jpg) Ukázka oddělení sekce #2 [![Ukázka oddělení sekce #3](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-3.jpg "Ukázka oddělení sekce #3")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-3.jpg) Ukázka oddělení sekce #3 [![Ukázka oddělení sekce #4](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-4.jpg "Ukázka oddělení sekce #4")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-4.jpg) Ukázka oddělení sekce #4 [![Ukázka oddělení sekce #5](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-5.jpg "Ukázka oddělení sekce #5")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-5.jpg) Ukázka oddělení sekce #5 [![Ukázka oddělení sekce #6](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-6.jpg "Ukázka oddělení sekce #6")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-6.jpg) Ukázka oddělení sekce #6 [![Ukázka oddělení sekce #7](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-7.jpg "Ukázka oddělení sekce #7")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-7.jpg) Ukázka oddělení sekce #7 [![Ukázka oddělení sekce #8](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-8.jpg "Ukázka oddělení sekce #8")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-8.jpg) Ukázka oddělení sekce #8 [![Ukázka oddělení sekce #9](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-9.jpg "Ukázka oddělení sekce #9")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-9.jpg) Ukázka oddělení sekce #9 [![Ukázka oddělení sekce #10](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-10.jpg "Ukázka oddělení sekce #10")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-10.jpg) Ukázka oddělení sekce #10 [![Ukázka oddělení sekce #11](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-11.jpg "Ukázka oddělení sekce #11")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-11.jpg) Ukázka oddělení sekce #11 [![Ukázka oddělení sekce #12](https://www.wplama.cz/wp-content/uploads/2018/02/ukazka-oddeleni-sekce-12.jpg "Ukázka oddělení sekce #12")](https://www.wplama.cz/wp-content/uploads/2018/02 / ukazka-oddeleni-sekce-12.jpg) Ukázka oddělení sekce #12 Všechny ukázky najdete [na stránce demo ukázky Divi přechodů sekce](https://www.wplama.cz/divi-shape-dividers). Neznáte ještě Divi? Podívejte se na článek, který shrnuje [všechny důležité funkce Divi šablony](https://www.wplama.cz/divi-sablona/). - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#Nově v Divi](https://www.wplama.cz/stitek/nove-v-divi/) Sdílet - - [](mailto:?subject=Nově v Divi: Dynamické přechody a efekty pro sekce&body=Nově v Divi: Dynamické přechody a efekty pro sekce https://www.wplama.cz/dynamicke-prechody-a-efekty-pro-sekce/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdynamicke-prechody-a-efekty-pro-sekce%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdynamicke-prechody-a-efekty-pro-sekce%2F) TC Autor 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 Word Camp Praha a WordPress konferencích. 1 030 č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/dynamicke-prechody-a-efekty-pro-sekce/#respond) [← Předchozí článek Zpomalují neaktivní pluginy WordPress a mají se smazat?](https://www.wplama.cz/zpomaluji-neaktivni-pluginy-wordpress-a-maji-se-smazat/) [Další článek → Jak ve WordPress deaktivovat vyhledávání](https://www.wplama.cz/jak-ve-wordpress-deaktivovat-vyhledavani/) Související ## Mohlo by vás zajímat [Všechny články z rubriky Divi šablona a Elegant Themes →](https://www.wplama.cz/wordpress/divi-elegant-themes/) ![kombinovatelne nastaveni](https://www.wplama.cz/wp-content/uploads/2026/04/kombinovatelne-nastaveni.png "kombinovatelne nastaveni") Divi šablona a Elegant Themes ### [Divi 5: Kombinovatelné nastavení](https://www.wplama.cz/divi-5-kombinovatelne-nastaveni/) 13. 4. 2026 2 min čtení --- ![command center](https://www.wplama.cz/wp-content/uploads/2026/03/command-center.png "command center") Divi šablona a Elegant Themes ### [Divi 5: Command Center](https://www.wplama.cz/divi-5-command-center/) 7. 4. 2026 4 min čtení --- ![spekulativni prerendering](https://www.wplama.cz/wp-content/uploads/2026/03/spekulativni-prerendering.png "spekulativni prerendering") Divi šablona a Elegant Themes ### [Divi 5: Spekulativní prerendering](https://www.wplama.cz/divi-5-spekulativni-prerendering/) 30. 3. 2026 3 min čtení ---