--- 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 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] --- ![průvodce nastavením divi 1](https://www.wplama.cz/wp-content/uploads/2017/04/pruvodce-nastavenim-divi-1-1024x454.png "průvodce nastavením divi 1") # Průvodce Divi šablonou: Úvod a základní instalace 18.4.2017 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/ - http://www.bookinagency.cz/ - http://doers.sg/ Předpřipravené demo stránky od Elegant Themes: - Demo #1 - Demo #2 - Demo #3 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.* ### 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/) ### Diskuze [Zruš odpověď](https://www.wplama.cz/divi-uvod-zakladni-instalace/?_tmcb=1772963844#respond)