--- 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: "Průvodce Divi šablonou: Úvod a základní instalace" url: https://www.wplama.cz/divi-uvod-zakladni-instalace/ date: 2017-04-18 modified: 2017-04-14 author: Tomáš Cirkl type: post categories: [Divi šablona a Elegant Themes] tags: [Divi, Elegant Themes, Průvodce Divi šablonou] --- Divi šablona a Elegant Themes # Průvodce Divi šablonou: Úvod a základní instalace [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 18. 4. 2017 4 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![průvodce nastavením divi 1](https://www.wplama.cz/wp-content/uploads/2017/04/pruvodce-nastavenim-divi-1.png "průvodce nastavením divi 1") Obsah článku (2 kapitoly) 1. [Divi: Úvod](https://www.wplama.cz/divi-uvod-zakladni-instalace/#divi-uvod) 2. [Divi: Instalace šablony](https://www.wplama.cz/divi-uvod-zakladni-instalace/#divi-instalace-sablony) Jedna z nejpopulárnějších **prémiových šablon současnosti** se jmenuje Divi. Jedná se o vlajkovou loď studia [Elegant Themes](https://www.wplama.cz/wordpressovy-specialista-elegant-themes/), které mimo tuto šablonu vytvořilo i dalších 85+ WordPress produktů. Mezi nimi bych určitě vyzdvihl pluginy [Monarch](https://www.wplama.cz/monarch-socialni-sdileni/) a [Bloom](https://www.wplama.cz/optinmonster-vs-bloom/) a šablonu [Extra](http://elegantthemes.wplama.cz/sablona/wordpress-sablona-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](https://www.wplama.cz/registrace-elegant) ## Divi: Úvod [![Divi rozložení](https://www.wplama.cz/wp-content/uploads/2017/04/divi-rozlozeni.jpg "Divi rozložení")](https://www.wplama.cz/wp-content/uploads/2017/04 / divi-rozlozeni.jpg) 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](https://www.wplama.cz/divi). (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](https://www.wplama.cz/divi-child-sablona/), 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](https://www.wplama.cz/wp-content/uploads/2017/04/sucuri.jpg "Sucuri")](https://www.wplama.cz/wp-content/uploads/2017/04 / sucuri.jpg) ### 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](http://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](http://www.petrhradek.cz/)) ### Ukázky Divi webů Podívejte se na ukázky webů postavené na této šabloně: - [https://www.wpress.help/](https://www.wpress.help/) - [http://www.bookinagency.cz/](http://www.bookinagency.cz/) - [http://doers.sg/](http://doers.sg/) Předpřipravené demo stránky od Elegant Themes: - [Demo #1](https://www.elegantthemes.com/preview/Divi/agency/) - [Demo #2](https://www.elegantthemes.com/preview/Divi/cafe/) - [Demo #3](https://www.elegantthemes.com/preview/Divi/fashion/) Další ukázky můžete najít na [stránce šablony](https://www.wplama.cz/divi). ## Divi: Instalace šablony Nyní již k samotné instalaci šablony. Nejprve se přihlašte na svůj účet u [Elegant Themes](https://www.wplama.cz/elegant-themes-web). [![Login Elegant Themes](https://www.wplama.cz/wp-content/uploads/2017/04/login-elegant-themes-300x300.png "Login Elegant Themes")](https://www.wplama.cz/wp-content/uploads/2017/04 / login-elegant-themes.png) Login Elegant Themes U Divi šablony klikněte na tlačítko **Download** a stáhněte si ji do počítače. [![Download Divi](https://www.wplama.cz/wp-content/uploads/2017/04/download-divi-245x300.png "Download Divi")](https://www.wplama.cz/wp-content/uploads/2017/04 / download-divi.png) 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](https://www.wplama.cz/wp-content/uploads/2017/04/instalovat-1024x502.png "Instalovat")](https://www.wplama.cz/wp-content/uploads/2017/04 / instalovat.png) Instalovat A znovu na stejném místě klikněte na tlačítko **Nahrát šablonu**. [![Nahrát](https://www.wplama.cz/wp-content/uploads/2017/04/nahrat-1024x502.png "Nahrát")](https://www.wplama.cz/wp-content/uploads/2017/04 / nahrat.png) 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](https://www.wplama.cz/wp-content/uploads/2017/04/nahrat-divi-1024x286.png "Nahrát Divi")](https://www.wplama.cz/wp-content/uploads/2017/04 / nahrat-divi.png) Nahrát Divi Šablona se nahraje a rozbalí. Poté budete dotázáni co se šablonou, zvolte Aktivovat. [![Instalace šablony z nahraného souboru](https://www.wplama.cz/wp-content/uploads/2017/04/instalace-sablony-z-nahraneho-souboru-1024x350.png "Instalace šablony z nahraného souboru")](https://www.wplama.cz/wp-content/uploads/2017/04 / instalace-sablony-z-nahraneho-souboru.png) Instalace šablony z nahraného souboru *Nepovinné: Stejný proces doporučuji nyní udělat i s nahráním naší [child šablony pro Divi](https://www.wplama.cz/divi-child-sablona/).* Nyní máte hotovo a můžete se pustit do tvorby obsahu a samotného nastavení šablony. [![Nainstalované šablony](https://www.wplama.cz/wp-content/uploads/2017/04/nainstalovane-sablony-1024x502.png "Nainstalované šablony")](https://www.wplama.cz/wp-content/uploads/2017/04 / nainstalovane-sablony.png) Nainstalované šablony *V dalším návodu [Průvodce Divi šablonou](https://www.wplama.cz/stitek/pruvodce-divi-sablonou/) se podíváme na Hlavní nastavení šablony a automatické aktualizace.* - [#Divi](https://www.wplama.cz/stitek/divi/) - [#Elegant Themes](https://www.wplama.cz/stitek/elegant-themes/) - [#Průvodce Divi šablonou](https://www.wplama.cz/stitek/pruvodce-divi-sablonou/) Sdílet - - [](mailto:?subject=Průvodce Divi šablonou: Úvod a základní instalace&body=Průvodce Divi šablonou: Úvod a základní instalace https://www.wplama.cz/divi-uvod-zakladni-instalace/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fdivi-uvod-zakladni-instalace%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fdivi-uvod-zakladni-instalace%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 Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/divi-uvod-zakladni-instalace/#respond) [← Předchozí článek Jak ve WordPress umístit soubor ke stažení](https://www.wplama.cz/soubor-ke-stazeni/) [Další článek → Jak změnit typ stránky nebo příspěvku a přesunout jej](https://www.wplama.cz/jak-zmenit-typ-stranky/) 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í ---