--- 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.15: Masky a vzory pro pozadí" url: https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/ date: 2022-03-21 modified: 2022-03-19 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] --- Divi šablona a Elegant Themes # Divi 4.15: Masky a vzory pro pozadí [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 21. 3. 2022 3 min čtení Pozor: Článek je z roku 2022. Některé postupy se mohly změnit. ![divi nove funkce maska a vzor na pozadi](https://www.wplama.cz/wp-content/uploads/2022/03/divi-nove-funkce-maska-a-vzor-na-pozadi.png "divi nove funkce maska a vzor na pozadi") Obsah článku (5 kapitol) 1. [Představujeme masky pozadí](https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/#predstavujeme-masky-pozadi) 2. [Představujeme vzory pozadí](https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/#predstavujeme-vzory-pozadi) 3. [Vyberte si z 24 jedinečných vzorů](https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/#vyberte-si-z-24-jedinecnych-vzoru) 4. [Kombinujte obrázky, přechody, vzory a masky!](https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/#kombinujte-obrazky-prechody-vzory-a-masky) 5. [Pár příkladů použití](https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/#par-prikladu-pouziti) Aktualizace [Divi šablony](https://www.wplama.cz/divi-sablona/) 4.15 přináší dvě nové možnosti nastavení, které umožnují vytvářet vlastní nové vizuální efekty, kde se můžou kombinovat barvy, přechody, obrázky, videa, masky a vzory. Vše za použití jednoduchého rozhraní. [Introducing Background Masks & Patterns For Divi!](about:blank) ## Představujeme masky pozadí Masky pozadí využívají pozitivní a negativní prostor k orámování pozadí a vytváření nových tvarů. Masky pozadí se umísťují na prvky pozadí a pod obsah. Fungují tak, že orámují barvy pozadí, gradienty, obrázky a videa a nechají přes masku prosvítat pouze tyto prvky, které odhalí nové tvary. To přidává Divi docela dost funkcí tím, že umožňuje používat pozadí zcela novými způsoby. Pozadí můžete transformovat do jedinečných tvarů, které mohou interagovat s okolním obsahem. Masky jsou vytvořeny pomocí SVG, takže jsou velmi ostré, lehké a automaticky se přizpůsobí velikosti vašich prvků. [https://www.wplama.cz/wp-content/uploads/2022/03/mask1-small.mp4](https://www.wplama.cz/wp-content/uploads/2022/03/mask1-small.mp4) ### Vyberte si z 23 jedinečných masek Divi nabízí širokou škálu nádherných masek, ze kterých si můžete vybrat. Masky lze také převracet, otáčet a invertovat a vytvářet tak různé varianty. Masky pozadí lze použít na jakýkoli prvek, včetně modulů, sloupců, řádků a sekcí. [![divi masky pozadi 876x1024](https://www.wplama.cz/wp-content/uploads/2022/03/divi-masky-pozadi-876x1024.jpg "divi masky pozadi 876x1024")](https://www.wplama.cz/wp-content/uploads/2022/03 / divi-masky-pozadi.jpg) ### Převrácení, otočení, inverze, změna orientace, úprava velikosti a další! Nejenže si můžete vybrat z 21 jedinečných masek, ale každou masku lze také přizpůsobit a vytvořit tak různé varianty. Převracením, otáčením a inverzí masek můžete pozadí orámovat způsobem, který dává smysl obsahu, který se na pozadí nachází. Můžete si také vybrat z různých orientací (na výšku, na šířku a na čtverec), aby lépe odpovídaly jednotlivým prvkům. Nakonec jsou k dispozici možnosti šířky, výšky a zarovnání pro případy, kdy potřebujete jemně vyladěnou kontrolu. [https://www.wplama.cz/wp-content/uploads/2022/03/mask2-small.mp4](https://www.wplama.cz/wp-content/uploads/2022/03/mask2-small.mp4) Kromě úpravy tvaru masek můžete také upravit jejich barvu a režim prolnutí. Namísto úplného maskování pozadí můžete pomocí režimů prolnutí nechat pozadí a masky smíchat a vytvořit tak nové zajímavé efekty. ## Představujeme vzory pozadí Masky pozadí lze kombinovat se vzory pozadí. Vzory se umisťují na barvy pozadí, gradienty a obrázky a pod masky. Vzory překrývají prvky pozadí a lze je použít k přidání textury na stránku. Pomocí gradientů, vzorů a masek pozadí se můžete často zcela vzdát použití obrázků na pozadí, což vede k rychlejšímu vytvoření pozadí s vyšším rozlišením, které lze v šabloně Divi vytvořit od začátku. Tyto dvě nové možnosti skutečně otevírají zcela nové možnosti. [https://www.wplama.cz/wp-content/uploads/2022/03/patterns-small-1.mp4](https://www.wplama.cz/wp-content/uploads/2022/03/patterns-small-1.mp4) ## Vyberte si z 24 jedinečných vzorů Divi nabízí 24 různých vzorů, ze kterých si můžete vybrat. Vzory lze převracet, otáčet a invertovat a vytvářet tak další varianty. Můžete také upravit barvu a režim prolínání vzorů. Každý režim prolnutí ovlivní barvy pozadí, přechody a obrázky různým způsobem. [![Divi vzory na pozadí](https://www.wplama.cz/wp-content/uploads/2022/03/divi-vzory-na-pozadi-873x1024.jpg "Divi vzory na pozadí")](https://www.wplama.cz/wp-content/uploads/2022/03 / divi-vzory-na-pozadi.jpg) ## Kombinujte obrázky, přechody, vzory a masky! Divi nyní nabízí působivou škálu možností pozadí včetně barev, přechodů, obrázků, videí, masek a vzorů. Všechny tyto možnosti lze překrývat a různě kombinovat a vytvářet tak nové typy návrhů. Můžete si také vybrat z několika různých modulů prolínání, upravovat barvy, měnit velikosti a další. [https://www.wplama.cz/wp-content/uploads/2022/03/combined-small-1.mp4](https://www.wplama.cz/wp-content/uploads/2022/03/combined-small-1.mp4) ## Pár příkladů použití Tým od Divi připravil ukázku několika příkladů, jak novou funkci v praxi využít. [Prohlédnout si masky a vzory](https://elegantthemesexamples.com/background-masks/) ### Aktuální sleva V současné době je sleva 10% na členství Elegant Themes (přístup ke všem jejich produktům, včetně [Divi](https://www.wplama.cz/divi)). [Přejít na slevovou nabídku](https://www.wplama.cz/et-summer-2019) Sdílet - - [](mailto:?subject=Divi 4.15: Masky a vzory pro pozadí&body=Divi 4.15: Masky a vzory pro pozadí https://www.wplama.cz/divi-4-15-masky-a-vzory-pro-pozadi/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-15-masky-a-vzory-pro-pozadi%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-15-masky-a-vzory-pro-pozadi%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/divi-4-15-masky-a-vzory-pro-pozadi/#respond) [← Předchozí článek WordPress 5.9.2](https://www.wplama.cz/wordpress-5-9-2/) [Další článek → WordPress školení pro začátečníky a mírně pokročilé (Praha 28. 4. 2022)](https://www.wplama.cz/wordpress-skoleni-pro-zacatecniky-a-mirne-pokrocile-praha-28-4-2022/) 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í ---