--- 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.4: Zobrazení vrstev" url: https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/ date: 2020-03-09 modified: 2020-03-07 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [visual builder, vrstvy] --- Divi šablona a Elegant Themes # Divi 4.4: Zobrazení vrstev [![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 9. 3. 2020 2 min čtení Pozor: Článek je z roku 2020. Některé postupy se mohly změnit. ![Zobrazení vrstev v Divi](https://www.wplama.cz/wp-content/uploads/2020/03/zobrazeni-vrstev-v-divi.png "Zobrazení vrstev v Divi") Obsah článku (4 kapitoly) 1. [Jak otevřít okno se zobrazením vrstev](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#jak-otevrit-okno-se-zobrazenim-vrstev) 2. [Zobrazit strukturu a rychle najít jakýkoliv element](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#zobrazit-strukturu-a-rychle-najit-jakykoliv-element) 3. [Organizovaní elementů a rychlé přejmenování vrstev](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#organizovani-elementu-a-rychle-prejmenovani-vrstev) 4. [Sleva 10%](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#sleva-10) Aktualizace [Divi](https://www.wplama.cz/divi-sablona/) 4.4 přináší do Visual Builderu novou funkci a to zobrazení vrstev. Pomocí okna se zobrazením vrstev můžete rychle zobrazit strukturu, prohledat obsah, přidat nebo upravit element na stránce. [The New Divi Layers View!](about:blank) ## Jak otevřít okno se zobrazením vrstev Otevřít okno se strukturou vrstev na stránce můžete dvěma způsoby: Klikněte pravým tlačítkem na jakýkoliv element a z menu vyberte „Go To Layer“. Tímto způsobem zobrazíte okno s vrstvami rozbalené na ten element, který jste k otevření nastavení použili. Druhým způsobem je rozbalení nabídky stránky (fialové kolečko se třemi tečkami) a kliknutí na ikonu vrstev. [https://www.wplama.cz/wp-content/uploads/2020/03/otevrit-vrstvy.mp4](https://www.wplama.cz/wp-content/uploads/2020/03/otevrit-vrstvy.mp4) ## Zobrazit strukturu a rychle najít jakýkoliv element Panel se zobrazením vrstev dává strukturovaný náhled na upravovanou stránku. Díky němu se pak můžete rychle v obsahu orientovat a najít požadovaný element. Okno se zobrazením vrstev umí: - **Zobrazit strukturu stránky** – zobrazené vrstvy elementů budou mít stromovou strukturu. - **Hledat elementy** – panel obsahuje vyhledávání pro rychlé nalezení potřebného obsahu. - **Filtrování elementů podle typu** – pro rychle vyhledání například všech modulů tlačítko stačí nastavit filtr. - **Rychlé procházení stránky** – pokud tvoříte rozsáhlé stránky, určitě oceníte možnost rychlého procházení, kdy nemusíte rolovat celým obsahem, ale jen strukturou. [https://www.wplama.cz/wp-content/uploads/2020/03/navigovani-se-strankou.mp4](https://www.wplama.cz/wp-content/uploads/2020/03/navigovani-se-strankou.mp4) ## Organizovaní elementů a rychlé přejmenování vrstev **Jednoduché přejmenování elementů** – pro přejmenování stačí kliknout na název vrstvy a hned můžete zadat vlastní název pro lepší orientaci. --- **Posun vrstev chycením na přetažením myši** – pomocí panelu s vrstvami můžete pomocí přetažení přesouvat veškeré sekce, řádky, sloupce a moduly. --- [https://www.wplama.cz/wp-content/uploads/2020/03/moznosti-okna-vrstev.mp4](https://www.wplama.cz/wp-content/uploads/2020/03/moznosti-okna-vrstev.mp4) V neposlední řadě můžete přes okno s nastavením vrstev: - duplikovat vybranou vrstvu, - dostat se do nastavení jakéhokoliv elementu, - otevřít nabídku elementu pravým tlačítkem myši, - vybranou vrstvu smazat. Vnořené vrstvy lze díky stromové struktuře sbalit a mít tak vše stále přehledné a organizované. [https://www.wplama.cz/wp-content/uploads/2020/03/prace-s-vrstvami.mp4](https://www.wplama.cz/wp-content/uploads/2020/03/prace-s-vrstvami.mp4) ## Sleva 10% K příležitosti vydání nové aktualizace Divi šablony nabízí [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) 10% slevu na členství. - [Sleva 10% pro nového člena](https://www.wplama.cz/et-sleva) - [Sleva 10% pro prodloužení členství](https://www.wplama.cz/prodlouzeni-et-10) - [Sleva 10% na navýšení členství](https://www.wplama.cz/navyseni-et-10) - [#visual builder](https://www.wplama.cz/stitek/visual-builder/) - [#vrstvy](https://www.wplama.cz/stitek/vrstvy/) Sdílet - - [](mailto:?subject=Divi 4.4: Zobrazení vrstev&body=Divi 4.4: Zobrazení vrstev https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-4-zobrazeni-vrstev%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-4-zobrazeni-vrstev%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 (2) [Přidat komentář →](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#respond) J Josef [9. 5. 2020](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#comment-123577) Ahoj Tome. Minule jsem se ptal zda jde vytvořit v této Divi šabloně horizontální a vertikální menu na jedné stránce současně, to jde, ale zapomněl jsem se zeptat, jestli šablona umožňuje vytvořit dvě menu horizontálně pod sebou. Tzn, jedna nahoře vodorovně a druhá hned pod ní. Protože jsem zjistil, že když bude jedno menu vodorovné a druhé svislé, tak mi pak ubude na stránce místo na obrázky, proto myslím, že bude lepší, když budou případně dvě menu hned pod sebou, jde li to u divi nebo jiný šablony. Pokud možno umožňuje li šablona i rozdílné menu, nahoře jiný a pod ní zas jiný, třeba v jiný barvě apod. Díky. [Odpovědět](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#comment-123577) TC Tomáš Cirkl WPlama [10. 5. 2020](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#comment-123889) Ahoj, ano, to by mělo přes Tvůrce motivů určitě jít udělat. [Odpovědět](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#comment-123889) --- --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/#respond) [← Předchozí článek Co je to administrační lišta ve WordPress?](https://www.wplama.cz/co-je-to-administracni-lista-ve-wordpress/) [Další článek → 20% sleva na Divi a členství u Elegant Themes](https://www.wplama.cz/20-sleva-na-divi-a-clenstvi-u-elegant-themes/) 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í ---