--- 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.5: Divi Presets" url: https://www.wplama.cz/divi-4-5-divi-presets/ date: 2020-07-20 modified: 2020-07-16 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, modul, styly] --- Divi šablona a Elegant Themes # Divi 4.5: Divi Presets [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 20. 7. 2020 3 min čtení Pozor: Článek je z roku 2020. Některé postupy se mohly změnit. ![Divi Preset](https://www.wplama.cz/wp-content/uploads/2020/07/divi-preset.png "Divi Preset") Obsah článku (7 kapitol) 1. [Co je to Divi Preset?](https://www.wplama.cz/divi-4-5-divi-presets/#co-je-to-divi-preset) 2. [Stylování nového Presetu](https://www.wplama.cz/divi-4-5-divi-presets/#stylovani-noveho-presetu) 3. [Tvorba Presetu z již existujícího elementu](https://www.wplama.cz/divi-4-5-divi-presets/#tvorba-presetu-z-jiz-existujiciho-elementu) 4. [Přiřazení výchozího Presetu](https://www.wplama.cz/divi-4-5-divi-presets/#prirazeni-vychoziho-presetu) 5. [Úprava existujícího Presetu](https://www.wplama.cz/divi-4-5-divi-presets/#uprava-existujiciho-presetu) 6. [Popis rozhraní Divi Preset](https://www.wplama.cz/divi-4-5-divi-presets/#popis-rozhrani-divi-preset) 7. [Proč je Divi Preset tak důležitá aktualizace?](https://www.wplama.cz/divi-4-5-divi-presets/#proc-je-divi-preset-tak-dulezita-aktualizace) Divi Presets je nový designový systém založený na třídách. Když upravujete styly v [Divi](https://www.wplama.cz/divi-sablona/) modulu, řádce nebo sekci můžete nově využít funkci Divi Preset, která automaticky aplikuje sdílený design. Kdykoliv pak zpětně upravujete element využívající daný Preset, změny se projeví všude, kde je použitý. Díky tomu je úprava stránky zase o stupeň rychlejší o což se [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) poslední dobou velmi snaží. [Introducing Divi Presets, The Game Changing Divi Design System!](about:blank) ## Co je to Divi Preset? Každý Divi modul obsahuje rozsáhlé možnosti nastavení vzhledu. Můžete vzít například klasický modul Tlačítko a upravit mu pozadí, velikost textu a písmo (a další styly). Divi Preset poté umožní tyto úpravy uložit jako vlastní vzor. Všechny změny se uloží a můžete je snadno při tvorbě nového modulu vyvolat a použít. [https://www.wplama.cz/wp-content/uploads/2020/07/co-je-divi-preset.mp4](https://www.wplama.cz/wp-content/uploads/2020/07/co-je-divi-preset.mp4) Jakmile je Preset aplikován, je upraven základní vzhled modulu. Kdykoliv upravíte uložený Preset, upraví se vzhled všech modulů, kde je použitý. Díky tomu je možné si při tvorbě webu udělat kolekci nastylovaných prvků, které poté jen rychle znovu využíváte. ## Stylování nového Presetu Preset je možné spravovat z rozbalovací nabídky, kterou naleznete v horní části nastavení modulu. Z rozbalené nabídky klikněte na tlačítko *Add New Preset* a pojmenujte jej. Nyní můžete upravit vzorové styly. Po uložení Presetu se v rozbalovací nabídce zobrazí nová položka, kterou jste vytvořili. [https://www.wplama.cz/wp-content/uploads/2020/07/tvorba-preset.mp4](https://www.wplama.cz/wp-content/uploads/2020/07/tvorba-preset.mp4) ## Tvorba Presetu z již existujícího elementu Preset můžete vytvořit i již z existujícího a upraveného modulu. Vyberte modul, který chcete použít jako vzor, rozbalte nabídku Preset a klikněte na tlačítko *Create New Preset From Current Styles*. [https://www.wplama.cz/wp-content/uploads/2020/07/tvorba-preset-z-upraveneho-modulu.mp4](https://www.wplama.cz/wp-content/uploads/2020/07/tvorba-preset-z-upraveneho-modulu.mp4) ## Přiřazení výchozího Presetu Minulý rok vyšla aktualizace, která obsahovala [Globální nastavení](https://www.wplama.cz/divi-3-26-editor-globalnich-vychozich-hodnot/). Divi Preset **nahrazuje** tuto funkcionalitu a rozšiřuje ji o možnost tvorby vlastních vzorových kolekcí. Jakýkoliv vytvořený Preset může být označen jako výchozí styl pro daný modul. Když poté přidáte nový modul, už má automaticky nastavené výchozí styly. [https://www.wplama.cz/wp-content/uploads/2020/07/preset-jako-vychozi-styl.mp4](https://www.wplama.cz/wp-content/uploads/2020/07/preset-jako-vychozi-styl.mp4) ## Úprava existujícího Presetu Preset jde kdykoliv upravit přes ikonu tužky u jeho jména. Úpravy se automaticky projeví na všech modulech, kde je Preset použit. [https://www.wplama.cz/wp-content/uploads/2020/07/uprava-presetu.mp4](https://www.wplama.cz/wp-content/uploads/2020/07/uprava-presetu.mp4) ## Popis rozhraní Divi Preset Veškerá správa Preset se odehrává v rozbalovací nabídce, kterou najdete v horní části nastavení modulu. [![Rozraní Preset](https://www.wplama.cz/wp-content/uploads/2020/07/rozrani-preset-1024x636.png "Rozraní Preset")](https://www.wplama.cz/wp-content/uploads/2020/07 / rozrani-preset.png) Rozraní Preset **Rozbalovací nabídka Preset** – zde můžete zobrazit dostupné sady Preset pro daný modul. Otevírá celou nabídku. --- **Výchozí Preset** – informace o tom, který Preset je výchozí. --- **Přiřazený výchozí Preset** – hvězdička označuje Preset, který se využívá jako výchozí styl pro typ modulu. --- **Vybraný Preset** – zelená „fajfka“ označuje, který Preset je aktuálně použitý u daného modulu. --- **Úprava Presetu** – kliknutím na ikonu tužky se zobrazí nabídka úpravy stylů. --- **Nastavení Presetu** – kliknutím na ikonu ozubeného kola můžete upravit název. --- **Aktualizace Presetu podle aktuálních stylů modulu** – kliknutím na ikonu šipky aktualizuje uložené styly. --- **Kopírovat Preset** – kliknutím na ikonu dvou obdélníků vytvoříte duplicitní Preset. Vhodný způsob tvorby barevných variant. --- **Smazat Preset** – kliknutím na ikonu popelnice vybraný Preset smažete. --- **Vytvořit nový Preset z aktuálních stylů** – kliknutím na tlačítko vytvoříte nový Preset z použitých stylů modulu, v jehož nastavení se nacházíte. --- **Přidat nový Preset** – kliknutím na tlačítko vytvoříte nový Preset a budete moci jej nastylovat. --- ## Proč je Divi Preset tak důležitá aktualizace? Pokud se živíte tvorbou webových stránek, tak víte co je HTML a CSS. Díky nové funkci můžete vytvořit styl (stejně jako byste vytvořili třídu) a přiřazovat ji daným modulům. Stejně tak úprava Presetu ovlivňuje všechny moduly, kde je použit, napříč celým webem. - [#Divi](https://www.wplama.cz/stitek/divi/) - [#modul](https://www.wplama.cz/stitek/modul/) - [#styly](https://www.wplama.cz/stitek/styly/) Sdílet - - [](mailto:?subject=Divi 4.5: Divi Presets&body=Divi 4.5: Divi Presets https://www.wplama.cz/divi-4-5-divi-presets/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-5-divi-presets%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-4-5-divi-presets%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 (1) [Přidat komentář →](https://www.wplama.cz/divi-4-5-divi-presets/#respond) R Ram [20. 7. 2020](https://www.wplama.cz/divi-4-5-divi-presets/#comment-142284) Hmmm. Mi vrtalo hlavou, cim je to jiny nez globalni polozky a moznost stylov ani vice prkvu a pak ulizeni do knihovny. Dik za clanek [Odpovědět](https://www.wplama.cz/divi-4-5-divi-presets/#comment-142284) --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-4-5-divi-presets/#respond) [← Předchozí článek Co jsou to aktualizace ve WordPress](https://www.wplama.cz/co-jsou-to-aktualizace-ve-wordpress/) [Další článek → Nové designy zdarma pro Divi šablonu přidané v červnu 2020](https://www.wplama.cz/nove-designy-zdarma-pro-divi-sablonu-pridane-v-cervnu-2020/) 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í ---