--- site_name: WPlama site_description: Internetové stránky na WordPressu snadno a česky site_url: https://www.wplama.cz contact_email: tomas@wplama.cz title: visual builder url: https://www.wplama.cz/stitek/visual-builder/ type: post_tag term_id: 797 --- [![Divi AI](https://www.wplama.cz/wp-content/uploads/2023/08/divi-ai-1024x536.jpg "Divi AI")](https://www.wplama.cz/divi-ai-pomocnik-pro-tvorbu-stranek/) ## [Divi AI – pomocník pro tvorbu stránek](https://www.wplama.cz/divi-ai-pomocnik-pro-tvorbu-stranek/) Divi AI je výkonný generátor textů a obrázků zabudovaný přímo do Divi šablony, který vám umožní vytvářet obrázky, psát obsah a vylepšovat stávající webové stránky za pomocí umělé inteligence. Divi AI je jedinečná nejen proto, že je pohodlně přístupná ve Visual Builderu, ale také proto, že rozumí Divi a učí se z vašeho webu, což […] [Divi AI – pomocník pro tvorbu stránek Pokračovat »](https://www.wplama.cz/divi-ai-pomocnik-pro-tvorbu-stranek/)[![Divi přechody](https://www.wplama.cz/wp-content/uploads/2022/03/divi-prechody-1024x469.png "Divi přechody")](https://www.wplama.cz/divi-4-16-pokrocily-gradient-builder/) ## [Divi 4.16: Pokročilý Gradient Builder](https://www.wplama.cz/divi-4-16-pokrocily-gradient-builder/) Aktualizace Divi šablony 4.16 přináší vytváření nových přechodů pomocí více barevných zastávek a nové možnosti přechodu. Nástroj Gradient Builder představuje zcela nový typ ovládacího prvku v nástroji Visual Builder a umožňuje navrhovat pokročilé gradienty pomocí více barevných stop a nových možností gradientů. Jak používat nástroj Gradient Builder Starý typ ovládání gradientů v Divi byl velmi jednoduchý. [Divi 4.16: Pokročilý Gradient Builder Pokračovat »](https://www.wplama.cz/divi-4-16-pokrocily-gradient-builder/)[![Divi Visual Builder - Úprava hlavičky](https://www.wplama.cz/wp-content/uploads/2021/10/divi-visual-builder-uprava-hlavicky-1024x861.png "Divi Visual Builder - Úprava hlavičky")](https://www.wplama.cz/divi-4-12-kompletni-editace-stranky/) ## [Divi 4.12: Kompletní editace stránky](https://www.wplama.cz/divi-4-12-kompletni-editace-stranky/) Nejnovější aktualizace Divi šablony 4.12 přidává možnost úpravy hlavičky, patičky a příspěvku přímo z upravované stránky. Dále již není potřeba jít přes sekci Tvůrce motivů. Jakmile aktivujete Visual Builder, můžete upravovat vše, co vidíte. Upravujte vše, co vidíte a jen na jedno kliknutí Divi již umožňuje vytvořit celý web, od shora až dolů. Je to díky [Divi 4.12: Kompletní editace stránky Pokračovat »](https://www.wplama.cz/divi-4-12-kompletni-editace-stranky/)[![notebook a kód](https://www.wplama.cz/wp-content/uploads/2020/10/notebook-a-kod-1024x683.jpg "notebook a kód")](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/) ## [Divi 4.8: Vylepšení výkonu Visual Builderu](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/) V nejnovější aktualizaci Divi šablony došlo k velkému vylepšení výkonu Visual Builderu. Práce s ním je opět o něco pohodlnější a rychlejší. Profiler výkonu Visual Builderu Aby vývojář Elegant Themes mohl plně testovat prováděné úpravy ve Visual Builderu, vytvořili si na míru profiler výkonu, který dokáže zaznamenávat různé akce a slouží k vyhodnocování provedených úpravy. [Divi 4.8: Vylepšení výkonu Visual Builderu Pokračovat »](https://www.wplama.cz/divi-4-8-vylepseni-vykonu-visual-builderu/)[![Zobrazení vrstev v Divi](https://www.wplama.cz/wp-content/uploads/2020/03/zobrazeni-vrstev-v-divi.png "Zobrazení vrstev v Divi")](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/) ## [Divi 4.4: Zobrazení vrstev](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/) Aktualizace Divi 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. 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 [Divi 4.4: Zobrazení vrstev Pokračovat »](https://www.wplama.cz/divi-4-4-zobrazeni-vrstev/)[![screenshot elegantthemesexamples.com 2020.02 1024x504](https://www.wplama.cz/wp-content/uploads/2020/02/screenshot-elegantthemesexamples.com-2020.02-1024x504.png "screenshot elegantthemesexamples.com 2020.02 1024x504")](https://www.wplama.cz/divi-4-3-efekty-pri-posunu-scroll-effects/) ## [Divi 4.3: Efekty při posunu (Scroll Effects)](https://www.wplama.cz/divi-4-3-efekty-pri-posunu-scroll-effects/) Další z řady aktualizací upravující možnosti nastavení vzhledu stránky v Divi šabloně. Tentokrát se nová nabídka nastavení jmenuje Scroll Effects, což by se dalo volně přeložit jako efekty při posunu po stránce. V Divi nově můžete jednoduše vytvářet přechodové animace, které reagují na pohyb návštěvníka po stránce. Animovat můžete jakýkoliv prvek ve Visual Builderu a [Divi 4.3: Efekty při posunu (Scroll Effects) Pokračovat »](https://www.wplama.cz/divi-4-3-efekty-pri-posunu-scroll-effects/)[![Nové nastavení Pozice](https://www.wplama.cz/wp-content/uploads/2020/02/nove-nastaveni-pozice-1024x656.jpg "Nové nastavení Pozice")](https://www.wplama.cz/divi-4-2/) ## [Divi 4.2: Fixní hlavička, plovoucí elementy a další](https://www.wplama.cz/divi-4-2/) Aktualizace Divi 4.2 přináší další rozšíření vizuálního editoru. Novinky jsou zaměřeny především na pozicování elementů. Novou položku Pozice najdete v záložce Pokročilé u každého Divi elementu. Nové možnosti nastavení přidávají kontrolu nad každým elementem stránky a obsahují fixní a absolutní pozicování, díky kterému můžete po stránce volně umisťovat element. Lze takto vytvářet například fixní hlavičku [Divi 4.2: Fixní hlavička, plovoucí elementy a další Pokračovat »](https://www.wplama.cz/divi-4-2/)[![Vlastní hlavička a patička](https://www.wplama.cz/wp-content/uploads/2019/10/vlastni-hlavicka-a-paticka-1024x515.jpg "Vlastní hlavička a patička")](https://www.wplama.cz/divi-editor-sablony/) ## [Jak na Tvůrce motivů v Divi (Theme Builder)](https://www.wplama.cz/divi-editor-sablony/) Editor šablony (Theme Builder) v Divi je rozhraní, které umožňuje použít Divi Builder pro tvorbu šablon a ty přiřadit stránkám, příspěvkům, archivům a dalším částem webu. S Editorem šablon máte kompletní kontrolu nad každým elementem webové stránky. Vytvořené šablony lze aplikovat hromadně (například na všechny příspěvky najednou) nebo jednotlivě (pro konkrétní příspěvek). Díky Editoru šablon [Jak na Tvůrce motivů v Divi (Theme Builder) Pokračovat »](https://www.wplama.cz/divi-editor-sablony/)[![divi4 headers footers 1024x515](https://www.wplama.cz/wp-content/uploads/2019/10/divi4-headers-footers-1024x515.jpg "divi4 headers footers 1024x515")](https://www.wplama.cz/divi-4-0-theme-builder-editor-sablony/) ## [Divi 4.0: Theme Builder (Editor šablony)](https://www.wplama.cz/divi-4-0-theme-builder-editor-sablony/) Dlouho očekávaný update, který mění Divi šablonu a její editor z Page Builderu (Editor stránky) na Theme Builder (Editor šablony). Od nové verze Divi 4.0 máte konečně zcela neomezenou kontrolu na kompletním vzhledem šablony (bez potřeby orientovat se v programování nebo kódování). Pomocí Divi Builderu lze nyní upravovat a vytvářet vlastní hlavičku nebo patičku stránky, [Divi 4.0: Theme Builder (Editor šablony) Pokračovat »](https://www.wplama.cz/divi-4-0-theme-builder-editor-sablony/)[![Divi globální editor výchozích stylů](https://www.wplama.cz/wp-content/uploads/2019/07/divi-globalni-editor-vychozich-stylu.png "Divi globální editor výchozích stylů")](https://www.wplama.cz/divi-3-26-editor-globalnich-vychozich-hodnot/) ## [Divi 3.26: Editor globálních výchozích hodnot](https://www.wplama.cz/divi-3-26-editor-globalnich-vychozich-hodnot/) Aktualizace Divi šablony 3.26 přidává možnost úpravy globálních stylů pro moduly. Nově už nebudete muset při přidání modulu jej znovu a znovu upravovat do požadované podoby. Namísto toho abyste vždy po vložení modulu vybrali požadovaný font, barvu, velikost textu atd, tak vše stačí zadat jen jednou v novém globálním nastavení anebo použité styly na modulu učinit [Divi 3.26: Editor globálních výchozích hodnot Pokračovat »](https://www.wplama.cz/divi-3-26-editor-globalnich-vychozich-hodnot/)[![divi sablona 1024x676](https://www.wplama.cz/wp-content/uploads/2018/01/divi-sablona-1024x676.jpg "divi sablona 1024x676")](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/) ## [Divi 3.22: Nové možnosti ovládání odsazení a velikosti](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/) Od verze Divi 3.22 můžete při tvorbě obsahu za pomocí Visual Builderu upravovat vnitřní odsazení, vnější odsazení a velikost přímo z náhledu stránky za pomocí myši. Upravovat takto můžete moduly, sekce i řádky. Šířka a výška width, height Upravování velikostí prvků v Divi je nyní velmi jednoduché. UI rozhraní obsahuje kotvy, které můžete použít k [Divi 3.22: Nové možnosti ovládání odsazení a velikosti Pokračovat »](https://www.wplama.cz/divi-3-22-nove-moznosti-ovladani-odsazeni-a-velikosti/)[![UI pro hover](https://www.wplama.cz/wp-content/uploads/2018/10/ui-pro-hover.gif "UI pro hover")](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/) ## [Divi 3.16: Nastavení prvků při přejetí myší (hover)](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/) Aktualizace Divi 3.16 přináší nový způsob, jak pracovat s prvky ve Visual Builderu. Nové možnosti nastavení, které se aplikují při přejetí myší, umožňují tvorbu interaktivních elementů na stránce. Transformujte Divi moduly na interaktivní elementy Nastavení prvku při přejetí myší používá velmi jednoduché rozhraní. Do nastavení při přejetí myší se dostanete tak, že kliknete na ikonu myši u [Divi 3.16: Nastavení prvků při přejetí myší (hover) Pokračovat »](https://www.wplama.cz/divi-3-16-nastaveni-prvku-pri-prejeti-mysi-hover/)[![Rozhraní navržené pro hromadnou úpravu](https://www.wplama.cz/wp-content/uploads/2018/09/rozhranni-navrzene-pro-hromadnou-upravu.gif "Rozhraní navržené pro hromadnou úpravu")](https://www.wplama.cz/divi-3-14-rozsirene-styly-divi-3-15-hromadny-vyber-a-upravy/) ## [Divi 3.14: Rozšířené styly + Divi 3.15: Hromadný výběr a úpravy](https://www.wplama.cz/divi-3-14-rozsirene-styly-divi-3-15-hromadny-vyber-a-upravy/) V posledních týdnech se opět udály zajímavé aktualizace Divi šablony. Pojďme si představit nové funkce. Divi 3.14: Rozšířené styly Rozšířené styly umožňují hromadnou úpravu jednoho prvku napříč celou stránkou. V podstatě můžete nastavit například barvu, písmo nebo rámeček a aplikovat toto nastavení všude na stránce nebo jen na vybraných elementech. Rozšířené styly Rozšířené styly aktivujete [Divi 3.14: Rozšířené styly + Divi 3.15: Hromadný výběr a úpravy Pokračovat »](https://www.wplama.cz/divi-3-14-rozsirene-styly-divi-3-15-hromadny-vyber-a-upravy/)[![Nové možnosti struktury](https://www.wplama.cz/wp-content/uploads/2018/08/nove-moznosti-struktury.jpg "Nové možnosti struktury")](https://www.wplama.cz/divi-3-13-rozsirene-moznosti-struktury-stranky/) ## [Divi 3.13 – Rozšířené možnosti struktury stránky](https://www.wplama.cz/divi-3-13-rozsirene-moznosti-struktury-stranky/) Aktualizace Divi 3.13 konečně přináší více možnosti práce se strukturou. Nově budete moci použít nové sloupce a to až do ⅙. Nové možnosti sloupců a rozložení stránky Když nyní přidáte řádku v Divi, zobrazí se větší nabídka struktury, včetně nových kombinací se sloupečky ⅕, ⅙, ⅖, a ⅗. Celkově bylo přidáno 14 nových struktur. Ukázka použití [Divi 3.13 – Rozšířené možnosti struktury stránky Pokračovat »](https://www.wplama.cz/divi-3-13-rozsirene-moznosti-struktury-stranky/)