--- 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: Průvodce nastavením Divi šablony url: https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/ date: 2019-04-15 modified: 2019-04-10 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Elegant Themes, nastavení] --- ![nastaveni sablony divi 1024x502](https://www.wplama.cz/wp-content/uploads/2016/11/nastaveni-sablony-divi-1024x502.png "nastaveni sablony divi 1024x502") # Průvodce nastavením Divi šablony 15.4.2019 Divi šablona obsahuje velmi rozsáhlé nastavení, které může být na první pohled matoucí. Z toho důvodu jsme dali dohromady základního průvodce s vysvětlením jednotlivých položek nastavení, který by vám měl pomoci se základním nastavením [Divi šablony](https://www.wplama.cz/divi-sablona/). Pro náhledy z nastavení a jména položek jsme použili náš překlad, který si můžete zdarma stáhnout a použít ho. Ke stažení v článku [Divi child šablony od WPlama](https://www.wplama.cz/divi-child-sablona/). ## Možnosti nastavení Divi šablony Do základního nastavení šablony se dostanete ve WordPress administraci, když v levém menu vyberete *Divi → Nastavení šablony*. Sekce s nastavením obsahuje celkem osm záložek: - General - Navigation - Builder - Layout - Ads - SEO - Integration - Updates ## General [![Divi nastavení - General](https://www.wplama.cz/wp-content/uploads/2019/04/divi-nastaveni-general-662x1024.png "Divi nastavení - General")](https://www.wplama.cz/wp-content/uploads/2019/04 / divi-nastaveni-general.png)Divi nastavení – General **Logo** – pole pro nahrání loga do šablony. **Pevná navigační lišta** – nastavení fixované navigace při posunu na stránce dolu. **Povolit Divi galerii** – při povolení nahradí výchozí WordPress styly pro galerii těmi z Divi šablony. **Výchozí paleta nástroje pro výběr barev** – možnost přednastavení barevné palety, která se nabízí při práci s Divi Builderem nebo v sekci Přizpůsobit. **Vybrat první obrázek** – automaticky vyberete první obrázek v obsahu příspěvku a nastaví jej jako náhledový. **Styl rozložení blogu** – povolením nastavíte, že v archivech se nebude zobrazovat perex, ale celý článek. **Sidebar Layout** – výchozí nastavení pozice sidebaru pro stránky a příspěvky. **Rozvržení stránek Obchod a Kategorie pro WooCommerce** – výchozí nastavení pozice sidebaru pro stránku obchodu a kategorie produktů. **Google API klíč **– v případě, že chcete využít Google Maps, tak zde zadejte jejich API klíč. **Přidat skript Google Mapy** – přidání Google Maps JavaScriptu do stránky, v případě, že Google Maps nepoužíváte, zakažte tuto možnost. **Use Google Fonts** – umožňuje použtí písem z [Google Fonts](https://fonts.google.com/) v šabloně. **Zobrazit ikonu Facebook** – zapne/vypne zobrazení ikony v hlavičce nebo patičce webu. **Zobrazit ikonu Twitter**– zapne/vypne zobrazení ikony v hlavičce nebo patičce webu. **Zobrazit ikonu Google+**– zapne/vypne zobrazení ikony v hlavičce nebo patičce webu. **Show Instagram Icon** – zapne/vypne zobrazení ikony v hlavičce nebo patičce webu. **Zobrazit ikonu RSS**– zapne/vypne zobrazení ikony v hlavičce nebo patičce webu. **URL Facebook profilu** – pole pro vložení odkazu pro ikonu. **URL Twitter profilu** – pole pro vložení odkazu pro ikonu. **URL Google+ profilu** – pole pro vložení odkazu pro ikonu. **Instagram Profile Url** – pole pro vložení odkazu pro ikonu. **URL RSS profilu** – pole pro vložení odkazu pro ikonu. **Počet produktů zobrazených v kategorii WooCommerce** – nastavení počtu zobrazených produktů, než se zobrazí stránkování. **Počet příspěvků, který se zobrazí na stránce Kategorie** – nastavení počtu zobrazených příspěvků, než se zobrazí stránkování. **Počet příspěvků, které se zobrazí na stránce Archivu** – nastavení počtu zobrazených příspěvků, než se zobrazí stránkování. **Počet příspěvků, které se zobrazí na stránce Hledání** – nastavení počtu zobrazených příspěvků, než se zobrazí stránkování. **Počet příspěvků, které se zobrazí na stránce Tag** – nastavení počtu zobrazených příspěvků, než se zobrazí stránkování. **Formát data** – nastavení pro formát data u příspěvků a v archivech, pro české prostředí zadejte *j.n.Y*. **Pokud je vyplněno, použít stručný výpis příspěvků** – jestliže využíváte pole [Stručný výpis příspěvků](https://www.wplama.cz/jak-upravit-strucny-vypis-prispevku-excerpt/) u vašich příspěvků, povolte tuto možnost. **Responsivní shortcodes** – nastavení uzpůsobování stránky pro různá zařízení, nechte povolené. **Podskupiny Google Fonts** – zapne načítání písem pro neanglické jazyky. Doporučuji povolit. **Tlačítko Zpět na začátek** – zobrazení ikony se šipkou v pravé dolní části obrazovky při posunu na stránce dolů. Kliknutím na ikonu budete automaticky posunuti na začátek stránky. **Jemnější rolování** – aktivuje jemnější posun po stránce. **Vypnout překlady** – vypne překlad Divi, administrace bude v angličtině. **Minify And Combine Javascript Files** – funkce optimalizace rychlosti, povolením minifikuje a sloučí JS soubory. Doporučuji zakázat a použít [Autoptimize plugin](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/). **Minify And Combine CSS Files** – funkce optimalizace rychlosti, povolením minifikuje a sloučí CSS soubory. Doporučuji zakázat a použít [Autoptimize plugin](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/). **Přizpůsobené CSS** – pole pro vložení vlastních stylů do šablony. Stejné pole je zobrazeno i v *Vzhled → Přizpůsobit → CSS*. ## Navigation [![Nastavení Divi šablony - Navigation](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-sablony-navigation-1024x469.png "Nastavení Divi šablony - Navigation")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-sablony-navigation.png)Nastavení Divi šablony – Navigation Dříve, když nešlo [menu vytvářet přes vlastní nastavení](https://www.wplama.cz/navigacni-menu-wordpress/) ve *Vzhled → Menu*, tak šlo menu vytvářet pomocí předdefinovaných pravidel. Právě v této sekci nastavení jste mohli pravidla pro generování menu vytvářet. Protože v dnešní době se již tato funkce nepoužívá, nebudeme ji popisovat. ## Builder Základní nastavení pro implementovaný Divi Builder v šabloně. ### Post Type Integration [![Nastavení Divi šablony - Post Type Integration](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-sablony-post-type-integration-1024x469.png "Nastavení Divi šablony - Post Type Integration")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-sablony-post-type-integration.png)Nastavení Divi šablony – Post Type Integration **Enable Divi Builder On Post Types** – možnost povolení nebo zakázání použití Divi Builderu u jednotlivých typů příspěvků. ### Pokročilé [![Nastavení šablony - Pokročilé](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-sablony-pokrocile-1024x469.png "Nastavení šablony - Pokročilé")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-sablony-pokrocile.png)Nastavení šablony – Pokročilé **Generování statického CSS souboru** – povolením této možnosti se vložené CSS styly pro všechny stránky začnou cachovat. Doporučuji zakázat a použít [Autoptimize plugin](https://www.wplama.cz/autoptimize-minifikaci-ve-wordpress/). **Vypsat inline styly** – v případě povolení možnosti Generování statického CSS souboru umožňuje vypsat styly přímo do stránky namísto do .css souboru. **Prohlídka produktu** – tutoriál při prvním otevření Divi Builderu. **Enable The Latest Divi Builder Experience** – aktivuje nový Divi Builder, který obsahuje shodné funkce jako Visual Builder. **Enable Classic Editor** – deaktivuje použití editoru Guttenberg. Podobná funkce jako plugin [Klasický Editor](https://www.wplama.cz/jak-deaktivovat-gutenberg-a-vratit-puvodni-visualni-editor/). ## Layout Základní nastavení pro zobrazování prvků v archivech, detailu příspěvků a stránek. ### Rozvržení příspěvku [![Divi nastavení - Rozvržení příspěvku](https://www.wplama.cz/wp-content/uploads/2019/04/divi-nastaveni-rozvrzeni-prispevku-1024x469.png "Divi nastavení - Rozvržení příspěvku")](https://www.wplama.cz/wp-content/uploads/2019/04 / divi-nastaveni-rozvrzeni-prispevku.png)Divi nastavení – Rozvržení příspěvku **Zvolte si položky, které se zobrazí v sekci informací o příspěvku** – kliknutím na meta informaci povolíte nebo zakážete její zobrazení. **Zobrazit komentáře k příspěvkům** – povolí nebo zakáže komentáře v detailu příspěvku. **Umístit náhledy obrázků k příspěvkům** – v případě nastavení zobrazí náhledový obrázek příspěvku v detailu. ### Rozvržení stránky [![Divi nastavení - Rozvržení stránky](https://www.wplama.cz/wp-content/uploads/2019/04/divi-nastaveni-rozvrzeni-stranky-1024x469.png "Divi nastavení - Rozvržení stránky")](https://www.wplama.cz/wp-content/uploads/2019/04 / divi-nastaveni-rozvrzeni-stranky.png)Divi nastavení – Rozvržení stránky **Umístit náhledy obrázků na stránky**– v případě nastavení zobrazí náhledový obrázek stránky v detailu. **Zobrazit komentáře na stránkách** – povolí nebo zakáže komentáře v detailu stránky. ### Hlavní nastavení [![Divi nastavení - Hlavní nastavení](https://www.wplama.cz/wp-content/uploads/2019/04/divi-nastaveni-hlavni-nastaveni-1024x469.png "Divi nastavení - Hlavní nastavení")](https://www.wplama.cz/wp-content/uploads/2019/04 / divi-nastaveni-hlavni-nastaveni.png)Divi nastavení – Hlavní nastavení **Sekce informace o příspěvku** – kliknutím na meta informaci povolíte nebo zakážete její zobrazení. **Zobrazit náhledy obrázků na stránkách s obsahem.** – povolí zobrazení náhledových obrázků příspěvku v archivech. ## Ads [![Divi nastavení - Ads](https://www.wplama.cz/wp-content/uploads/2019/04/divi-nastaveni-ads-1024x469.png "Divi nastavení - Ads")](https://www.wplama.cz/wp-content/uploads/2019/04 / divi-nastaveni-ads.png)Divi nastavení – Ads Možnost vložení banneru, který se zobrazí v detailu příspěvku pod obsahem. **Povolit 468×60 banner pro příspěvky** – povoluje zobrazení banneru. **Obrázek reklamního banneru 468×60** – URL obrázku banneru. **Cílová URL 468×60 reklamy** – URL odkazu, kam má směřovat banner. **Kód Google Adsense 468×60** – pole pro vložení Adsence. ## SEO [![Nastavení Divi šablony - SEO](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-sablony-seo-1024x610.png "Nastavení Divi šablony - SEO")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-sablony-seo.png)Nastavení Divi šablony – SEO Základní nastavení on-page parametrů pro SEO. Můžete zde vytvářet základní pravidla pro hlavní stránku, příspěvky a stránky. Doporučuji spíše využít specializované pluginy, které toho umí mnohem více. Například plugin [Yoast SEO](https://www.wplama.cz/stitek/pruvodce-nastaveni-yoast-seo/). ## Integration [![Nastavení Divi -Integration](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-integration-893x1024.png "Nastavení Divi -Integration")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-integration.png)Nastavení Divi – Integration V této části nastavení umožňuje Divi šablona vložení vlastních kódu do předpřipravených míst. **Povolit kód v hlavičce** – povoluje vložení kódu do hlavičky stránky. **Povolit kód v těle stránky** – povoluje vložení kódu do těla stránky. **Povolit kód na začátek příspěvku** – povoluje vložení kódu na začátek příspěvku. **Povolit kód na konci příspěvku** – povoluje vložení kódu na konec příspěvku. **Přidat kód do < head > vašeho webu** – pole pro vložení kódu do hlavičky stránky. **Přidat kód do < body > (vhodné pro sledovací kódy)** – pole pro vložení kódu do těla stránky. **Povolit kód na začátek příspěvků** – pole pro vložení kódu na začátek příspěvku. **Přidat kód na konec příspěvků před komentáři** – pole pro vložení kódu na konec příspěvku. ## Updates [![Nastavení Divi šablony - Updates](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-sablony-updates-1024x469.png "Nastavení Divi šablony - Updates")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-sablony-updates.png)Nastavení Divi šablony – Updates Zde si můžete aktivovat aktualizace Divi šablony přímo z administrace WordPress. **Uživatelské jméno** – vložte vaše uživatelské jméno u [eleganthemes.com](https://www.wplama.cz/elegant-themes-web). **API klíč** – vložte API klíč z administrace. Návod [kde najít a jak aktivovat API klíč u Elegant Themes produktů](https://www.divi.cz/elegant-themes-api-klic/). **Version Rollback** – umožňuje se vrátit k předchozí použité verzi Divi šablony. Detailněji popsáno v článku [Divi 3.6: Jednoduchý návrat k předchozí verzi](https://www.wplama.cz/divi-3-6-jednoduchy-navrat-k-predchozi-verzi/). ## Import a Export [![Nastavení Divi - Import a Export](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-import-a-export-1024x469.png "Nastavení Divi - Import a Export")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-import-a-export.png)Nastavení Divi – Import a Export Umožňuje přenést vytvořené nastavení Divi mezi WordPress instalacemi. ## Obnovit výchozí nastavení [![Nastavení Divi - Obnovit výchozí nastavení](https://www.wplama.cz/wp-content/uploads/2019/04/nastaveni-divi-obnovit-vychozi-nastaveni-1024x469.png "Nastavení Divi - Obnovit výchozí nastavení")](https://www.wplama.cz/wp-content/uploads/2019/04 / nastaveni-divi-obnovit-vychozi-nastaveni.png)Nastavení Divi – Obnovit výchozí nastavení Možnost resetu nastavení Divi šablony do výchozího. ### Správa WordPress webu Nemusíte na to být sami. Pomůžeme vám s pravidelnou údržbou i novými vylepšeními. [Více informací](https://www.wplama.cz/sprava-wordpress-webu/) ### O autorovi ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=100&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") [#### Tomáš Cirkl](https://www.wplama.cz/author/tomas/) 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. ## Mohlo by vás také zajímat [![Bloom vzhled formuláře](https://www.wplama.cz/wp-content/uploads/2015/03/bloom-vzhled-formulare-1024x514.png "Bloom vzhled formuláře")](https://www.wplama.cz/optinmonster-vs-bloom/) ### [Velké porovnání pluginů pro sběr emailů: OptinMonster vs. Bloom](https://www.wplama.cz/optinmonster-vs-bloom/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) ### [WordPressový specialista Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [WordPress obecně](https://www.wplama.cz/wordpress/obecne/)[![elegant themes](https://www.wplama.cz/wp-content/uploads/2015/06/elegant-themes.jpg "elegant themes")](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) ### [Všechny šablony od Elegant Themes česky? A zdarma?!](https://www.wplama.cz/sablony-elegant-themes-cestina-zdarma/) [Divi šablona a Elegant Themes](https://www.wplama.cz/wordpress/divi-elegant-themes/), [Ostatní](https://www.wplama.cz/wordpress/ostatni/) ### 7 názorů na “Průvodce nastavením Divi šablony” ![1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1](https://secure.gravatar.com/avatar/1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1?s=50&d=monsterid&r=g "1cfa05d0f7ad6e3835c3e586d6e1cad60f56798e15829e2822501551d1ea08e1") **Miroslav Knedla** [16.4.2019 v 7:56](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-78483) Díky za tutoriál 🙂 [Odepsat](https://www.wplama.cz/#comment-78483) --- ![84f80c3e5b753e9a361be36fe01100480b4722b1c7c4094e2aef2383052a614b](https://secure.gravatar.com/avatar/84f80c3e5b753e9a361be36fe01100480b4722b1c7c4094e2aef2383052a614b?s=50&d=monsterid&r=g "84f80c3e5b753e9a361be36fe01100480b4722b1c7c4094e2aef2383052a614b") **Ondřej Smutný** [2.10.2019 v 0:37](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-87079) Dobrý den, je možné nějak radikálně upravit design hlavního menu? Jako například v Elementoru? Např. úprava pointeru, změna barvy textu, odsazení od horního okraje, hover, nějaký přechod úvodního zobrazení, jiné zobrazení pro PC a jiné pro mobily, rámečky, atd.? Moc děkuji za případnou odpověď. [Odepsat](https://www.wplama.cz/#comment-87079) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [2.10.2019 v 7:57](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-87118) Zdravím, zatím jde pouze upravit styly. Nicméně tento měsíc vyjde Theme Builder a zde by pak už mělo jít vše, co popisujete. [Odepsat](https://www.wplama.cz/#comment-87118) --- --- ![2ecfb87ef7b0a02641717ba81bf2e6f7af03a5c2d45bc52eda7f4d44812fcede](https://secure.gravatar.com/avatar/2ecfb87ef7b0a02641717ba81bf2e6f7af03a5c2d45bc52eda7f4d44812fcede?s=50&d=monsterid&r=g "2ecfb87ef7b0a02641717ba81bf2e6f7af03a5c2d45bc52eda7f4d44812fcede") **Lucie** [15.10.2021 v 21:44](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-281575) Dobrý den, mám Divi hibridně v aj a čj. Když přímo tvořím v programu je to v čj, nevíte jak to prosím nastavit do aj? Děkuji Lucie [Odepsat](https://www.wplama.cz/#comment-281575) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [16.10.2021 v 20:07](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-282087) Zdravím, překlady v Divi si můžete vypnout v hlavním nastavení Divi šablony. [Odepsat](https://www.wplama.cz/#comment-282087) --- --- ![5c466e575b7ddcbf8bf953a54f71dcdab71c08b85e2124ca744fd723d45d29cb](https://secure.gravatar.com/avatar/5c466e575b7ddcbf8bf953a54f71dcdab71c08b85e2124ca744fd723d45d29cb?s=50&d=monsterid&r=g "5c466e575b7ddcbf8bf953a54f71dcdab71c08b85e2124ca744fd723d45d29cb") **Blanka** [6.1.2023 v 11:32](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-301116) Zdravím, potřebovala bych upravit to, co se zobrazuje v sidebaru u příspěvků na blogu. Ale vůbec nechápu, kudy se dostat do nastavení sidebaru v Divi… jsem na techniku dost natvrdlá, tak jestli to je v článku obsaženo, tak se omlouvám…ale potřebovala bych asi ještě víc nasměrovat….:-) Moc děkuji… [Odepsat](https://www.wplama.cz/#comment-301116) ![579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892](https://secure.gravatar.com/avatar/579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892?s=50&d=monsterid&r=g "579c70f93c868ab0086f8d13a2143605f2e29b7a7ba30c5e7a4d1163a5b37892") **[Tomáš Cirkl](https://www.wpress.help/)** [6.1.2023 v 15:06](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/#comment-301124) Dobrý den, myslím, že hledáte sekci Vzhled -> Widgety. [Odepsat](https://www.wplama.cz/#comment-301124) --- --- ### Diskuze [Zruš odpověď](https://www.wplama.cz/pruvodce-nastavenim-divi-sablony/?_tmcb=1772627232#respond)