Divi šablona a Elegant Themes

Průvodce Divi šablonou: Úvod a základní instalace

průvodce nastavením divi 1
Autor příspěvku Tomáš Cirkl

Jedna z nejpopulárnějších prémiových šablon současnosti se jmenuje Divi. Jedná se o vlajkovou loď studia Elegant Themes, které mimo tuto šablonu vytvořilo i dalších 85+ WordPress produktů. Mezi nimi bych určitě vyzdvihl pluginy Monarch a Bloom a šablonu Extra.

Šablona se neprodává samostatně, ale získáte ji zakoupením si členství v klubu Elegant Themes. Na výběr pak máte dvě varianty:

  • Roční členství– 89 USD za rok, roční přístup k šablonám a pluginům a jejich aktualizacím + podpora.
  • Lifetime (celoživotní) členství – 249 USD, neomezený přístup k šablonám a jejich aktualizacím + podpora.

Při připojení se do klubu získáte přístup ke všem produktům najednou a na vše máte neomezenou licenci. To znamená, že šablonu nebo plugin můžete použít tolikrát, kolikrát chcete a kde chcete. Dobré také je, že když jste členy Elegant Themes klubu, tak můžete jejich produkty nabídnout i svým klientům (jestli zdarma nebo za úplatu už je pak jen na vás).

Registrace u Elegant Themes

Divi: Úvod

Divi rozložení

Divi rozložení

Největší předností Divi šablony je zabudovaný Drag & Drop page builder (dalo by se volně přeložit jako tvorba stránky pomocí tvořiče obsahu s vlastností táhni a pusť). Díky němu můžete vytvářet krásné stránky i s komplikovanějšími prvky vizuálně a bez znalosti programování.  Šablona také obsahuje 36 modulů určených pro různé zobrazení obsahu. Mezi ně patří Text, Slider, Upoutávka, Přepínače, Obrázek a další… Postupně si je v dalším návodu ukážeme.

Page builder je také možné používat vizuálně, kde stránku tvoříte v editoru, který věrně kopíruje zobrazení stránky.

Jak to funguje si můžete vyzkoušet na demo stránce vizuálního editoru. (Na odkázané stránce klikněte na Try free).

Česká a slovenská lokalizace

Šablona je přeložena do 32 jazyků, mezi kterými nechybí čeština ani slovenština. Tento překlad však není moc dobrý a na některých místech působí dost strojově.

Z toho důvodu jsme vytvořili vlastní překlady a umístili jsme je do WPlama Divi child šablony, kterou si můžete zdarma stáhnout. Naše child šablona obsahuje nejen překlady, ale i další vylepšení (například možnost vytvářet řádky s více sloupci).

Sucuri

Rychlost a bezpečnost

Velice důležitou vlastností je také, že se jedná o bezpečnou šablonu. Přední autorita v bezpečnosti na internetu Sucuri.net se účastnila vývoje šablony a ručí za její bezpečnost.

Zároveň také platí, že šablona pracuje rychle a bez problémů lze na ní postavit web, který se načítá do 1s.

Řekli o šabloně

Názory dalších uživatelů šablony Divi.

K DIVI jsem se dostal náhodou – překlápěli jsme statický web na wordpress a programátor to zakomponoval do šablony. První jsem trochu nadával, protože místo jednoho bloku k editaci jich najednou bylo na stránce třeba osm. ALE pak jsem začal objevovat kouzla: chci rozdělit kousek stránky na třetiny nebo poloviny a nepotřebuju programátora. Jen pro mobilní verzi webu si vložím tlačítko s odkazem na kontaktní formulář, ať mi z dlouhých stránek lidi neutečou. Kousky stránek si ukládám do knihovny a načítám do jiných stránek včetně veškerého formátování. Teď připravuji nový web a nechal jsem si nahodit základní instalaci DIVI a zkusím v tom společně s klientkou připravit obsahové wireframy webu.

Karel T. Borovička, online marketér (www.karelborovicka.cz)

Divi je naprosto revoluční šablona, která skrývá netušené možnosti práce s WordPress prakticky pro každého. Určitě bych ji doporučil jak všem začínajícím vývojářům, tak i zkušenějším uživatelům. Každý si najde svůj způsob, jak z ní vytěžit maximum.

Petr Hrádek, konzultant (www.petrhradek.cz)

Ukázky Divi webů

Podívejte se na ukázky webů postavené na této šabloně:

Předpřipravené demo stránky od Elegant Themes:

Další ukázky můžete najít na stránce šablony.

Divi: Instalace šablony

Nyní již k samotné instalaci šablony. Nejprve se přihlašte na svůj účet u Elegant Themes.

Login Elegant Themes

Login Elegant Themes

U Divi šablony klikněte na tlačítko Download a stáhněte si ji do počítače.

Download Divi

Download Divi

Šablonu je třeba do WordPress nahrát ručně a tak běžte do administrace svého WordPress webu, kam chcete šablonu nahrát. V levém menu vyberte Vzhled -> Šablony a v horní části klikněte na tlačítko Instalovat.

Instalovat

Instalovat

A znovu na stejném místě klikněte na tlačítko Nahrát šablonu.

Nahrát

Nahrát

Zobrazí se formulář. Klikněte na vybrat soubor a zvolte zip šablony. Až budete mít hotovo, klikněte na Instalovat.

Nahrát Divi

Nahrát Divi

Šablona se nahraje a rozbalí. Poté budete dotázáni co se šablonou, zvolte Aktivovat.

Instalace šablony z nahraného souboru

Instalace šablony z nahraného souboru

Nepovinné: Stejný proces doporučuji nyní udělat i s nahráním naší child šablony pro Divi.

Nyní máte hotovo a můžete se pustit do tvorby obsahu a samotného nastavení šablony.

Nainstalované šablony

Nainstalované šablony

V dalším návodu Průvodce Divi šablonou se podíváme na Hlavní nastavení šablony a automatické aktualizace.

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.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se k více než tisíci odběratelů 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!