Divi šablona a Elegant Themes

Průvodce nastavením Divi šablony

Autor příspěvku Tomáš Cirkl

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.

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.

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

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 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ů 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.

Minify And Combine CSS Files – funkce optimalizace rychlosti, povolením minifikuje a sloučí CSS soubory. Doporučuji zakázat a použít Autoptimize plugin.

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

Nastavení Divi šablony – Navigation

Dříve, když nešlo menu vytvářet přes vlastní nastavení 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

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é

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.

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.

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

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

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í

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

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

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.

Integration

Nastavení Divi -Integration

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

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.

API klíč – vložte API klíč z administrace. Návod kde najít a jak aktivovat API klíč u Elegant Themes produktů.

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.

Import a Export

Nastavení Divi - Import a Export

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í

Nastavení Divi – Obnovit výchozí nastavení

Možnost resetu nastavení Divi šablony do výchozího.

O autorovi

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 WordCamp Praha a WordPress konferencích.

3 komentáře

  • 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ěď.

    • 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.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!

Tomáš Cirkl

Tomáš Cirkl

WordPress specialista

Blog WPlama.cz píši už více než 3 roky. O WordPress přednáším a pořádám školení. Pro své klienty vytvářím a spravuji webové stránky.