--- 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: Jak instalovat a nastavit Elementor url: https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/ date: 2023-10-20 modified: 2023-10-20 author: Bára C. type: post categories: [Elementor] tags: [Elementor, šablona, tvorba webu, webové stránky] --- ![Elementor](https://www.wplama.cz/wp-content/uploads/2023/10/elementor-nahledovy-obrazek-1-1024x683.png "Elementor") # Jak instalovat a nastavit Elementor 20.10.2023 V dnešním článku si co nejnázorněji ukážeme, jak můžete snadno a rychle instalovat plugin [Elementor](https://www.wplama.cz/elementor-domaci-stranka) do svého redakčního sytému WordPress. Předpokládám, že máte zařízený hosting, nastavený WordPress a nyní se těšíte, až si sami vytvoříte krásné nové webové stránky. S Elementorem je to snadné. Jde totiž o vizuální editor, který jako plugin snadno nainstalujete do WordPressu a s jeho pomocí vytvoříte stránky podle svých vlastních představ, se vším, co potřebujete, a to dokonce bez znalosti kódování. Funguje na stejném principu jako [Divi šablona](https://www.wplama.cz/divi-sablona/). Jak jsme si řekli v [minulém článku](https://www.wplama.cz/seznamte-se-s-elementorem/), existuje Elementor verze zdarma a verze placená, která má oproti základní neplacené verzi rozšířenější a pokročilejší funkce. My budeme v tomto případě pracovat s verzí, která je zdarma. ## Jak instalovat do svého WordPressu plugin Elementor a aktivovat jej Tento návod je velice jednoduchý a krok za krokem, obrázek za obrázkem, si projdeme celý postup. Nejprve se přihlaste do svého redakčního systému WordPress. Klikněte v levém sloupci na *Pluginy – Instalace pluginů*. V repozitáři pluginu pro WordPress vyhledejte Elementor a klikněte na*Instalovat*. [![elementor plugin 1](https://www.wplama.cz/wp-content/uploads/2023/10/elementor-plugin-1.png "elementor plugin 1")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/elementor-plugin-3/) instalace Dále stačí kniknout na tlačítko *Aktivovat*, které se po instalaci objeví. [![elementor aktivace 1](https://www.wplama.cz/wp-content/uploads/2023/10/elementor-aktivace-1.png "elementor aktivace 1")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/elementor-aktivace-2/) aktivace Plugin Elementor je nyní aktivovaný a my můžeme pokračovat s nastavením. ## Jak vytvořit účet a propojit jej se svou stránkou Ihned po aktivaci se objeví okno, kde jste přivítáni Elementorem. Klikněte na tlačítko *Create my account* (v překladu *Vytvořit můj účet*). Vytvoření účtu není povinné, ale usnadní vám správu různých webů, je v něm snadný přístup k podpoře, předplatnému a tak dále. Pokud ale o účet u Elementoru nestojíte, můžete tento krok jednoduše přeskočit – vytvářet webové stránky s Elementorem můžete totiž i bez účtu. [![vytvorte ucet](https://www.wplama.cz/wp-content/uploads/2023/10/vytvorte-ucet.png "vytvorte ucet")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/vytvorte-ucet/) Chci účet[![preskocit](https://www.wplama.cz/wp-content/uploads/2023/10/preskocit.png "preskocit")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/preskocit/) Nechci účet Chcete účet? Po kliknutí na*Vytvořit můj účet* se objeví vyskakovací okno, kde se přihlásíte svým e-mailem a zvoleným heslem nebo skrze Google účet. [![vytvorit ucet](https://www.wplama.cz/wp-content/uploads/2023/10/vytvorit-ucet.png "vytvorit ucet")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/vytvorit-ucet/) V e-mailu potvrdíte své přihlášení do účtu Elementor. [![potvrdit email](https://www.wplama.cz/wp-content/uploads/2023/10/potvrdit-email.png "potvrdit email")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/potvrdit-email/) A objeví se okno s potvrzením e-mailové dresy. [![potvrzeni e mailove adresy](https://www.wplama.cz/wp-content/uploads/2023/10/potvrzeni-e-mailove-adresy.png "potvrzeni e mailove adresy")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/potvrzeni-e-mailove-adresy/) Když kliknete na *Go to My Elementor*(v překladu*Jít do mého Elementoru*), dostanete se do svého účtu, kde můžete spravovat webové stránky, řešit [předplatné](https://www.wplama.cz/elementor-cenik), získat podporu a tak podobně. My ale nyní jdeme do vyskakovacího okna, které se objevilo po kliknutí na*Create my Account*, a které nabízí Propojení stránky a Elementoru. Zde kliknete na *Connect* (v překladu*Spojit*). [![pripojeni](https://www.wplama.cz/wp-content/uploads/2023/10/pripojeni.png "pripojeni")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/pripojeni/) Nyní máme nainstalovaný a aktivovaný plugin Elementor, vytvořený účet a propojenou stránku. Můžeme jít tvořit! ## Jak vytvořit první stránku a příspěvek v Elementoru Objevila se nám stránka, která nabízí pro začátek univerzální šablonu [Hello](https://wordpress.org/themes/hello-elementor/), která je speciálně navržena pro práci s Elementorem, je čistá, snadná a vhodná pro SEO. Můžeme s ní začít, abychom si vše vyzkoušeli a později můžeme přepnout na jinou šablonu, pokud budeme chtít. [![sablona](https://www.wplama.cz/wp-content/uploads/2023/10/sablona.png "sablona")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/sablona-4/) Jdeme tvořit, takže klikneme na *Continue with Hello theme*(*v překladu Pokračovat s Hello šablonou*). [![hello sablona](https://www.wplama.cz/wp-content/uploads/2023/10/hello-sablona.png "hello sablona")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/hello-sablona/) Prvním krokem v Elementoru bude volba jména webových stránek. Elementor tím nastaví název webu, který jinak najdete v *Nastavení – Obecné*. [![jmeno webovych stranek 1](https://www.wplama.cz/wp-content/uploads/2023/10/jmeno-webovych-stranek-1.png "jmeno webovych stranek 1")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/jmeno-webovych-stranek-2/) V dalším kroku nahrajete s pomocí Elementoru logo tím, že kliknete na *Open Media Library* (v překladu *Otevřít knihovnu médií*). [![logo](https://www.wplama.cz/wp-content/uploads/2023/10/logo.png "logo")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/logo-3/) Objeví se okno, kde máte možnost buď vybrat soubor ze svého počítače nebo z již nahraných médií. Po zvolení souboru kliknete vpravo dole na *Vybrat *a obrázek se nahraje. [![nahrani loga](https://www.wplama.cz/wp-content/uploads/2023/10/nahrani-loga.png "nahrani loga")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/nahrani-loga/) [![nahrane logo](https://www.wplama.cz/wp-content/uploads/2023/10/nahrane-logo.png "nahrane logo")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/nahrane-logo/) Logo máme nahrané. V dalším kroku nám Elementor zobrazí nabídku dvou oken, přičemž to levé nám nabízí možnost pokračovat v tvorbě vlastních webových stránek s Elementor editorem na prázdných webových stránkách, tedy „od nuly“, kdežto pole pravé nabízí možnosti více jak 100 předpřipravených šablon, případně si nahrát vlastní šablonu. [![nabidka](https://www.wplama.cz/wp-content/uploads/2023/10/nabidka.png "nabidka")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/nabidka/) ## Jak vytvořit webové stránky ze šablony v Elementoru V tomto případě zvolíme [knihovnu](https://www.wplama.cz/elementor-knihovna-sablon), ze které si můžeme vybrat vhodnou šablonu. Je to pohodlné, snadné a rychlé, bez starostí a šablonu, která zaujme jen vyplníte vlastními texty, obrázky a případně dalšími prvky. V příštím článku se podíváme, jak vytvořit webové stránky pěkně „od píky“, bez šablony. Nyní klikneme na pole vpravo, které nám nabízí knihovnu s více jak 100 různými šablonami. Ve verzi zdarma máte k dispozici šablony dvě, ostatní jsou v rámci [Elementor PRO](https://www.wplama.cz/Elementor-cenik) verze. [![knihovna se sablonami 1](https://www.wplama.cz/wp-content/uploads/2023/10/knihovna-se-sablonami-1.png "knihovna se sablonami 1")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/knihovna-se-sablonami/) Abyste odhalili šablony, které jsou v knihovně Elementoru zdarma, klikněte vlevo v nabídce na *Kits by plan* (v překladu *Sady podle předplatného*) a ve vyjeté nabídce klikněte na *Free* (v překladu *Zdarma*). [![vyber vhodne sablony 2](https://www.wplama.cz/wp-content/uploads/2023/10/vyber-vhodne-sablony-2.png "vyber vhodne sablony 2")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/vyber-vhodne-sablony-3/) Při najetí v knihovně Elementoru na náhledový obrázek šablony se objeví ikonka oka a slovo*View Demo* (v překladu *Prohlédnout si demo*). Díky demu si můžete prohlédnout, jak by stránky s takovou šablonou vypadaly v reálném náhledu. Já si vybrala šablonu Ceramic Studio. Klikněte na *View Demo* a při načtení náhledu vpravo nahoře na*Apply Kit* (tedy v překladu *Aplikovat sadu*), nebo také – *Aplikovat šablonu*. [![aplikovat sablonu](https://www.wplama.cz/wp-content/uploads/2023/10/aplikovat-sablonu.png "aplikovat sablonu")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/aplikovat-sablonu/) Po kliknutí na *Apply Kit* se objeví malé okénko, které vysvětluje, že můžete buď využít šablony z knihovny Elementoru zcela nebo jen přizpůsobit určité části webu. My chcete aplikovat šablonu zcela, proto dám *Apply All*. Následně si chvilku počkáte, než se šablona aktivuje na váš web. U mě to trvalo necelou minutu. [![vase sada je aktivni](https://www.wplama.cz/wp-content/uploads/2023/10/vase-sada-je-aktivni.png "vase sada je aktivni")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/vase-sada-je-aktivni/) Po aktivaci se objeví toto okno, které ukáže jednoduchý přehled všeho, co jste touto sadou z Elementoru importovali na svůj web. Vpravo dole klikněte na *Zavřít* a pojďte upravovat své první stránky ve vybraném stylu. ## Jak upravit stránky pomocí Elementoru Když jste klikli na *Zavřít*, vezme vás to na Nástěnku WordPress. Odsud se dostanete do přednastavených stránek v levé nabídce. Klikněte na *Stránky – Přehled stránek* a prohlédněte si nabídku stránek, které se importovali spolu s šablonou z knihovny Elementoru. Teď bude naším cílem upravit stránky pomocí Elementoru. [![stranky elementor](https://www.wplama.cz/wp-content/uploads/2023/10/stranky-elementor.png "stranky elementor")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/stranky-elementor/) Když (bez klikání) myší najedete na název stránky (například *About Us*, v překladu *O nás*, název můžete přepsat na český), objeví se pod tímto názvem nabídka – Upravit / Rychlé úpravy / Odstranit / Zobrazit / Upravit s Elementorem. My začneme stránkou About Us, čili O nás. Klikneme na *Upravit s Elementorem*. [![snadna uprava textu](https://www.wplama.cz/wp-content/uploads/2023/10/snadna-uprava-textu.png "snadna uprava textu")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/snadna-uprava-textu/) Objeví se vizuální editor a předpřipravený vzhled dané stránky. Upravování textu ve vizuálním editoru Elementor je jednoduché a intuitivní. V náhledu kliknete na text, který chcete přepsat a vlevo v příslušném poli přepíšete text. Ten se současně přepisuje i v náhledu, takže ihned uvidíte, jak bude vypadat. Stejným způsobem můžete upravovat i pole s obrázky, jen na ně kliknete v náhledu a v levém poli je nahradíte či smažete. Nezapomeňte před odchodem z úprav všechny změny v editoru Elementor uložit. [![ukladani](https://www.wplama.cz/wp-content/uploads/2023/10/ukladani.png "ukladani")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/ukladani/) [![psi portret](https://www.wplama.cz/wp-content/uploads/2023/10/psi-portret.png "psi portret")](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/psi-portret/) Jak vidíte, v tomto příkladu zbývá ještě práce – je například potřeba zvětšit logo. Tak si projdeme v editoru Elementor nejen tuto celou stránku, ale postupně všechny stránky. Stránky, které pro svůj web nepotřebujete jednoduše smažte (kliknete na *Odstranit* pod názvem stránky, jak jsme si ukazovali – *Nástěnka WordPress – Stránky – Přehled stránek*a pod vybranou stránkou *Odstranit*). ## Závěrem V dnešním článku jsme nahlédli pod pokličku Elementoru a podařilo se nám úspěšně v několika málo krocích plugin stáhnout do redakčního systému WordPress, nastavit si účet a propojit vše potřebné. Dokonce jsme zabrousili do šablon a jednu si jednoduše nastavili na své webové stránky a hráli si se stránkami, opravami textu a obrázků. Pokud chcete mít větší výběr šablon pro webové stránky, zkuste [Elementor PRO](https://www.wplama.cz/elementor-cenik). Příště se podíváme na to, jak si stránky navrhnout po svém, bez použití šablony z knihovny Elementoru. ### 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 ![093c645353b2646e6c2107574349048681b97f0ac7d43979e0e7377ceb99dd06](https://secure.gravatar.com/avatar/093c645353b2646e6c2107574349048681b97f0ac7d43979e0e7377ceb99dd06?s=100&d=monsterid&r=g "093c645353b2646e6c2107574349048681b97f0ac7d43979e0e7377ceb99dd06") [#### Bára C.](https://www.wplama.cz/author/barbora/) Věnuji se reklamě ve všech jejích podobách - grafice, copywritingu a fotografii. ## Mohlo by vás také zajímat [![WordPress plugin Elementor](https://www.wplama.cz/wp-content/uploads/2023/02/wordpress-plugin-elementor-1024x584.png "WordPress plugin Elementor")](https://www.wplama.cz/elementor-nejlepsi-page-builder-plugin-pro-wordpress/) ### [Elementor: Nejlepší page builder plugin pro WordPress?](https://www.wplama.cz/elementor-nejlepsi-page-builder-plugin-pro-wordpress/) [Elementor](https://www.wplama.cz/wordpress/elementor/)[![Elementor PRO cena v roce 2023](https://www.wplama.cz/wp-content/uploads/2023/07/elementor-pro-cena-1024x513.png "Elementor PRO cena v roce 2023")](https://www.wplama.cz/elementor-pro-cena/) ### [Elementor PRO cena v roce 2023](https://www.wplama.cz/elementor-pro-cena/) [Elementor](https://www.wplama.cz/wordpress/elementor/)[![Elementor](https://www.wplama.cz/wp-content/uploads/2023/10/elementor-nahledovy-obrazek-1-1024x683.png "Elementor")](https://www.wplama.cz/seznamte-se-s-elementorem/) ### [Seznamte se s Elementorem](https://www.wplama.cz/seznamte-se-s-elementorem/) [Elementor](https://www.wplama.cz/wordpress/elementor/) ### Diskuze [Zruš odpověď](https://www.wplama.cz/jak-instalovat-a-nastavit-elementor/?_tmcb=1772866727#respond)