Divi 4.0: Theme Builder (Editor šablony)

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, stránku 404 nenalezeno, upravovat design archivů štítků a rubrik nebo i produktů z WooCommerce.

Divi Theme Builder

Divi Theme Builder
Divi Theme Builder

Nový Divi Theme Builder obsahuje šablonovací systém, který podporuje všechny funkce Builderu, tak jak jej známe z předchozích verzí, a který umožňuje tvořit jakoukoliv část stránky (hlavička, patička, šablony příspěvků, šablony archivů a další). Každý Theme Builder obsahuje vlastní rozložení pro hlavičku, patičku a tělo stránky. Tyto tři oblasti mohou být upraveny za použití jakýchkoliv modulů (i s funkcí Dynamický obsah).

Vlastní šablony

Možnosti nastavení Editoru šablon
Možnosti nastavení Editoru šablon

Když vytváříte pomocí Theme Builder novou šablonu, tak tento nový vlastní design může být přiřazen ke specifické části webové stránky. Například lze vytvořit šablonu a přiřadit ji k příspěvkům. Jakmile je šablona přiřazena, je aplikována na všechny příspěvky. Takto můžete pro každou část webové stránky vytvořit a nastavit vlastní šablonu. Nebo můžete použít jednotnou šablonu pro celý web (například pro hlavičku nebo patičku stránky).

Detailní kontrola

Detailní kontrola
Detailní kontrola

Šablony Theme Builderu mohou upravovat jakoukoliv část webové stránky a každou šablonu jde přiřadit nebo vyloučit ke specifickému místu. Díky těmto možnostem můžete přesně specifikovat, který obsah se bude kde zobrazovat. Šablonu můžete přiřadit například všem příspěvkům najednou nebo cílit jen na konkrétní příspěvek. Každá stránka tak může mít vlastní hlavičku, patičku nebo šablonu stránky.

Import a Export balíčků Editoru šablon

Import a Export Theme Builder
Import a Export Theme Builder

Editor šablon může být importován i exportovat včetně všech hlaviček, patiček nebo šablon stránky. Vylepšují se tak nabídky Divi Knihovny, kde už nenajdete jen šablony stránek, ale šablony celého webu.

Ukázky práce s Editorem šablon

Pojďme se podívat přímo na jednotlivé možnosti, které nový Divi Theme Builder nabízí.

Vlastní hlavička a patička

Vlastní hlavička a patička
Vlastní hlavička a patička

Díky Editoru šablon už nejste nikterak omezeni využitím předdefinovaných stylů šablony v sekci Přizpůsobit ve WordPress. Do hlavičky i patičky můžete vložit jakýkoliv modul, který Divi v sobě obsahuje.

Příklady vlastní hlavičky:

Příklady vlastní patičky:

Šablony příspěvků a produktů

Šablony pro příspěvky a produkty
Šablony pro příspěvky a produkty

S Editorem šablon můžete vytvářet vlastní šablony pro tělo stránky a tím změnit výchozí vzhled a strukturu pro příspěvky a produkty. Namísto toho, abyste museli upravovat každý příspěvek (jako tomu bylo doposud), vytvoříte jednotnou šablonu a aplikujete ji na daný typ příspěvku.

Velmi užitečnou funkcí v tuto chvíli začíná být Dynamický obsah, kde prvky jako název příspěvku nebo náhledový obrázek jsou zobrazovány aktuální u každého příspěvku.

Ukázky vlastních šablon pro příspěvky a produkty:

Vlastní stránky pro archivy

Vlastní stránky pro archivy
Vlastní stránky pro archivy

Editor šablon umožňuje tvorbu vlastního designu pro archivy (rubriky a štítky). V předchozích verzí byla úprava vzhledu výpisu příspěvků velmi složitá a nejčastěji se musela řešit jako vlastní úprava přes child šablonu. Nově jen vytvoříte a přiřadíte šablonu. K tomu došlo k vylepšení modulu Blog, který nyní obsahuje větší množství nastavení.

Ukázky vlastních šablon pro archivy:

Ostatní

Další šablony
Další šablony

Mezi další části webu, které můžete pomocí Editoru šablon upravovat, patří Výsledky vyhledávání, hlavní stránka, stránka 404 a další. Díky podmíněné logice můžete šablony přiřazovat napříč celým webem a mít vše pod kontrolou. Editor šablon se navíc neomezuje jen na použití pro základní Divi strukturu, ale strukturu si můžete vytvořit sami.

Ukázky vlastních šablon pro stránku 404:

Vylepšení funkce Dynamický obsah

Dynamicky obsah v Divi
Dynamicky obsah v Divi

V nové aktualizaci Divi šablony se dočkáváme také vylepšení u funkce Dynamický obsah. Použitím této funkce v šabloně si dynamický obsah při zobrazení šablony vyvolá aktuální informace nastavené pro danou stránku nebo příspěvek a zobrazí je.

Když například vytváříte šablonu příspěvků, můžete použít modul Hlavička přes celou šířku. Na místo hlavního nadpisu příspěvku pak nastavíte dynamický obsah s odkazem na název příspěvku. Tento název se bude automaticky měnit pro každý příspěvek.

WooCommerce moduly

WooCommerce moduly
WooCommerce moduly

Když vytvoříte šablonu produktu v Editoru šablon, tak není potřeba dále něco nastavovat u jednotlivých produktů. Při zobrazení stránky produktu se vždy zobrazí správné informace pro daný produkt (cena, popisek, recenze a další).

Zobrazení produktů v Divi
Zobrazení produktů v Divi

Globální nastavení rozložení i stylů

Globální nastavení
Globální nastavení

Editor šablon lze skvěle kombinovat s funkcí Globálního nastavení. Přes Editor šablon nastavíte rozložení a přes globální nastavení zase výchozí styly. Z Editoru šablon se tedy také dostanete do globálního nastavení jako u Visual Builderu.

Demo stránek vytvořených s Divi 4.0

Podívejte se na 6 demo stránek vytvořených za použití nového Editoru šablon.

Demo #1

Divi 4.0 demo #1
Divi 4.0 demo #1

Demo #2

Divi 4.0 demo #2
Divi 4.0 demo #2

Demo #3

Divi 4.0 demo #3
Divi 4.0 demo #3

Demo #4

Divi 4.0 demo #4
Divi 4.0 demo #4

Demo #5

Divi 4.0 demo #5
Divi 4.0 demo #5

Demo #6

Divi 4.0 demo #6
Divi 4.0 demo #6

Sleva 10%

K příležitosti vydání nové aktualizace Divi šablony nabízí Elegant Themes 10% slevu na členství.

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

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í

16 názorů na “Divi 4.0: Theme Builder (Editor šablony)”

  1. Zdravím, mám jednu otázku ohľadne Theme Builderu – je možné vytvoriť si tému a pozrieť si ju „nanečisto“? Ide o to, aby som si neprehádzal stránky úpravou témy, ale nahodil ju až po finálnych úpravách. Je možné to riešiť?

  2. Miloslav Nekola

    Dobrý den,
    prosím o radu – když chci něco editovat v Theme Builderu, tak jen „točí“ a nic. Čím to může být? Díky za případnou odpověď.

      1. Miloslav Nekola

        Zdravím,
        memory_limit mám nastaven na 256M. Jedině verzi php mám 7 místo doporučené 7.2 (což ale neovlivním).

  3. Jiří Lamač

    Pěkný den,
    mám problém a dovoluji si Vás poprosit o radu. Mám zakoupen DIVI 4.02 a DIVI Builder 4.02. Stáhl jsem si všech 6 balíčků DIVI Theme builder Pack (1-6), rozzipoval a v DIVI-Theme Builder – Přenosnost – Import (Import Divi Theme Builder Templates) vyberu např. Divi-t-b-pack-1-all.json, a kliknu na import, tak se objeví chvíli točící se čtyři tečky a potom ihned x – křížek červený. Import není proveden. Netušíte náhodou, čím by to mohlo být? Jsem na svém localhost/project1/wp-admin. Předem děkuji za radu. (Pozor – jsem začátečník!!!) Jiří Lamač

    1. Zdravím,
      to může být spousta věcí. Některá data se načítají externě a je možné, že se s nimi z localhostu WP nedokáže spojit. Nízké nastavené limity, takže akce spadne. Bohužel nedokážu lépe poradit.

  4. Dobrý den,
    je s Divi 4 stále ještě potřeba vytvářet Child šablony? Přijdu při aktualizaci o nastavení, nebo teď už zůstane vše zachováno?

  5. Zdravím, mám všeobecný dotaz k Divi. Pokud si zakoupím licenci tak můžu instalovat Divi na nespočet webů? Nějak mi nesedí, že já zaplatím za produkt a zákazníci kterým pomocí Divi vytvořím web, mají pak vše vlastně zdarma (mohou si stahovat doplňky, šablony atd). Sice mě zaplatí za práci, ale autoři Divi tak mají o několik plateb vlastně méně. Navíc jsou i situace, kdy klient požaduje pouze instalaci a nastavení webu tak, že si pak obsah a grafiku již vytvoří sám, mohu mu v takovém případě nainstalovat i Divi. Podle mě by v takovém případě měl zákazník mít vlastní licenci na Divi. Víte o tom někdo víc? Děkuji

    1. Dobrý den,
      Divi šablonu a API klíč můžete klientovi dát v případě „vyššího díla“. To znamená, že byste měli tvorbu toho webu provést vy. Ne jen nainstalovat šablonu a nastavit API klíč.

      1. Děkuji, právě mi to moc nesedělo jak to mají stroze popsané v ceníku a už k tomu nemají nikde detailní podmínky. Alespoň jsem je nikde nenašel. Proto jsem si nebyl jistý, zda vůbec klient bude mít možnost si pak sám web upravovat nebo bude odkázán čistě na mě.

  6. Dobrý deň,
    je možné použiť vašu child šablónu aj v prípade, že nechcem len upravovať už hotovú Divi tému, ale vytvoriť si vlastnú v Theme builderi? Vopred ďakujem za odpoveď.

Diskuze

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nákupní košík
Přejít nahoru