Pokud dumáte nad tím, co je to Elementor nebo se rozhodujete, zda se jedná o vhodné řešení pro váš projekt, tak pokračujte ve čtení. V tomto článku udělám maximum, abych všechny tyto otázky zodpověděl.
Vyzkoušejte Elementor
Vyzkoušet Elementor
Co je Elementor?
Elementor je jedním z největších a nejpopulárnějších WordPress builderů – WordPressových nástaveb, které umožňují tvořit weby vizuální formou – bez nutnosti znalosti kódování.
Podobně jako třeba Divi, Gutenberg nebo Bricks, spadá Elementor do skupiny tzv. “drag and drop” (v překladu “chytni a přetáhni”) builderů.
Co znamená funkcionalita přetahování (tzv. drag-and-drop)?
Funkcionalita drag-and-drop znamená v podstatě to, že co děláte, zároveň zrovna vidíte a tvorba webu tak spíše připomíná tvorbu prezentace v PowerPointu než kódování (viz ukázka níže).
Tato filozofie si s sebou však nese i četná úskalí a zatímco méně zkušení uživatelé a WordPress tvůrci Elementor milují, řada vývojářů by se jej nedotkla ani klackem.
Proč?
Cílovou skupinou Elementoru jsou především začínající uživatelé a Elementor jde naproti právě hlavně jim. Snaží se být:
- jednoduchý;
- intuitivní;
- velice rychle pochopitelný a naučitelný.
Z toho pak nicméně vyplývá, že Elementor je i
- velice robustní (po stránce kódu);
- těžce optimalizovatelný pro rychlost;
- poměrně oříškem, pokud se člověk snaží udělat na webu něco pokročilejšího.
Sám jsem s Elementorem začínal, dlouhou dobu jej používal a znám spoustu lidí, kteří jej používají na velmi vysoké úrovni dodnes.
Věřím tedy, že pokud člověk, který Elementor používá, ví, co dělá, může i na Elementoru vzniknout kvalitní web.
Pojďme si tedy říci, jaké má Elementor hlavní výhody a nevýhody.
Základy Elementoru jakožto nástroje pro tvorbu stránek na WordPress
Dejme tomu, že výše zmíněná tabulka vás neodradila a chtěli byste dát Elementoru šanci a vyzkoušet si jej na vlastní kůži.
Kde začít a co udělat jako první?
Pojďme se na to společně podívat.
Jak vytvořit stránky na WordPress pomocí Elementoru?
Elementor je plugin. Abyste si tedy jeho pomocí mohli začít tvoři stránky ve WordPress, budete potřebovat projít následujícími kroky:
- Vytvořit si čistou WordPress instalaci
- V repozitáři pluginů si nainstalovat Elementor
- Zvolit vhodnou šablonu, která Elementor podporuje
Toto vše ukazuju v kurzu zdarma:
https://www.youtube.com/playlist?list=PLYuWQK0eSnMVFDJgyAWo6ramLxuIRhONU (udělat carousel videí).
Velkou část kurzu dokážete projít i s neplacenou verzí Elementoru. Pokud to však myslíte s tvorbou webu/ů vážně, tak bych vřele doporučil zainvestovat do prémiové verze Elementoru. Ušetříte dostatečné množství času i nervů, což z mé zkušenosti rozhodně stojí za to.
Na druhou stranu, pokud si nejste jistí, zda do Elementoru vůbec chcete investovat a zda jej budete umět ovládat, tak vyzkoušet si jej nejprve ve verzi zdarma je určitě logický krok.
Jak se naučit Elementor používat?
Elementor se dle mého může člověk nejsnadněji naučit používat cvikem a sledováním zahraničních tutoriálů na konkrétní témata, která jej zajímají. Spoustu tutoriálů najdete třeba i na oficiálním kanálu Elementoru.
Vyzkoušejte Elementor
Vyzkoušet Elementor
Jaké jsou nejlepší kurzy a návody k Elementoru?
Na úvod je důležité říci, že řada Elementor tutoriálů (ne-li všechny) jsou zaměřeny na používání builderu a nerespektují realitu toho, jak by se měl tvořit web. Pokud si tedy v Elementoru chcete vytvořit web pro svůj projekt nebo klienta, tak se tímto nenechte zmást a začněte klasickými kroky jako jsou:
- průzkum;
- návrh;
- tvorba (více inspirace třeba v sekci Jak pracuji).
Vývoj webu by, dle mého, rozhodně neměl začínat přímo v builderu, byť to tak z videí a kurzů může působit.
Zdroje v češtině
- kluci z Webu s úsměvem udělali tutorial na jednotlivé části ZDE
- řadu videí o Elementoru má na svém kanálu i Ondřej Dušek
Zdroje v angličtině
- Elementor základy z oficiálního Elementor kanálu
- Elementor kurzy na zahraniční platformě Udemy
- “Rychlotutoriál” webového tvůrce Web Monkey
Kolik stojí Elementor? (2023)
Pro jeden web stojí Elementor… 1162 Kč ($59) ročně.
Pro 25 webů je to pak… 4721 Kč ($199) ročně.
Ve světě webových builderů jde o jednu z nejvyšších cen, na druhou stranu – pokud Elementor dokážete správně využít ke správným účelům, může to fungovat.
Proto může být dobrý třeba Black Friday a nebo halloweenská a vánoční akce, kterou Elementor pořádá, přičemž při těchto akcích nabízí slevu 25 % z původní ceny.
???? TIP: Řada lidí, kteří se profesionálně zabývají tvorbou webů, vlastní velké multilicence. Pokud si tedy chcete plugin jen vyzkoušet, nebo jej sháníte pro svůj jeden hobby web, neváhejte je oslovit (včetně mě), poradí vám a třeba i Elementor nalicencují jako svým klientům.
Jaký je rozdíl mezi placenou verzí Elementoru a verzí zdarma?
Níže uvidíte v přehledné tabulce základní rozdíly mezi těmito dvěmi verzemi Elementoru
Verze zdarma
- Cena: zdarma
- Responzivní editace jednotlivých stránek: ✔️
- Základní widgety: ✔️
- Tvůrce záhlaví a zápatí: ❌
- Tvůrce šablon (například příspěvku): ❌
- Prémiové widgety: ❌
- Integrace s ACF: ❌
- Elementor formulář: ❌
- WooCommerce widgety: ❌
- Custom CSS: ❌
- Tvůrce popupů (vyskakovacích oken): ❌
Placená verze
- Cena: zdarma
- Responzivní editace jednotlivých stránek: ✔️
- Základní widgety: ✔️
- Tvůrce záhlaví a zápatí: ✔️
- Tvůrce šablon (například příspěvku): ✔️
- Prémiové widgety: ✔️
- Integrace s ACF: ✔️
- Elementor formulář: ✔️
- WooCommerce widgety: ✔️
- Custom CSS: ✔️
- Tvůrce popupů (vyskakovacích oken): ✔️
Jaká je nejlepší Elementor šablona?
Nejlepší šablonou pro Elementor je, dle mého názoru, Hello theme, kterou vytvořili přímo tvůrci samotného Elementoru a je tedy přizpůsobena přímo potřebám builderu.
Mezi další populární šablony lze počítat Astru, OceanWP, GeneratePress nebo třeba Hestiu.
Zároveň pokud nejste ostřílení WordPress tvůrci, je důležité zmínit, že WordPress šablona (v angličtině WordPress theme) je v podstatě terminus technikus a nemá až tolik společného s designem (což by slovo šablona mohlo evokovat). Spíše jde o nedílnou technickou součást webu, přičemž to, jak bude web vypadat, není šablonou nijak předurčeno
Vyzkoušejte Elementor
Vyzkoušet Elementor
Nabízí Elementor nějaké předpřipravené vzhledy?
Když je řeč o designu, samotný Elementor nabízí několik svých stránek s předpřipraveným designem, které si můžete prohlédnout ZDE.
Je důležité zmínit, že tyto designové bloky nejsou, dle mého, postaveny za použití best practices a pokud z nich chcete postavit dobrý a funkční web, čeká vás poměrně hodně práce — dokonce tolik, že bych se jejich použití raději zrovna vyhnul a postavil si web sám.
Na druhou stranu, pokud nemáte na technickou stránku webu nároky a chcete si Elementor především vyzkoušet, může to být dobrý způsob.
Elementor vs Divi vs Bricks
Pokud přemýšlíte o tom, že si zkusíte postavit web na WordPressu a zvažujete Elementor jako jednu z možností, jak to udělat, dost možná vaše rozhodování zahrnuje i konkurenční buildery, které mohou také přicházet v potaz.
Podrobné srovnání by rozhodně vystačilo na další nové a obsáhlé články, zde to tedy vezmu hopem.
Všechny hodnoty uvádím ze své osobní zkušenosti a hodnocení je tedy subjektivní, přičemž se objektivní ani nesnaží být.
Srovnání jednotlivých builderů | Elementor | Divi | Bricks |
---|---|---|---|
Intuitivnost používání | 8/10 | 7/10 | 3/10 |
Cena pro jeden web | $59 ročně | $70 ročně / $199 doživotně | $99 doživotně |
Optimální úroveň člověka, který to používá | Středně pokročilý | Středně pokročilý | Profík |
Učící křivka | rychlá | rychlá | pomalá |
Možnosti přizpůsobení | 7/10 | 5/10 | 9/10 |
Rychlost webů na builderech | 5/10 | 8/10 | 10/10 |
Popularita | Nejpopulárnější builder ve verzi zdarma | Jeden z nejpopulárnějších placených builderů | Začínající hráč |
Dostupnost studijních materiálů | Obrovská | Obrovská | Menší, ale stále vychází nové materiály |
Osobně na všechny své projekty používám Bricks builder. S Elementorem jsem si zažil hezké časy a s Divi postavil jen pár webů, následující shrnující odstavec je tedy dobré brát touto optikou.
Pokud bych dnes začínal jako tvůrce webů, šel bych (rozhodně) zrovna do Bricksu. Builder je sice mladý, ale vývoj je rychlý. Výsledky z něj jen tak něco nepřekoná a umožní Vám řadu věcí, které před začátkem projektu ani nevíte, že můžete potřebovat.
Pokud bych byl podnikatel, který si chce rychle vytvořit web/landing page, poslat ji pár známým a zjistit, jestli mají o službu/produkt zájem, klidně bych Elementor doporučil a zvolil. Bricks by mi v tomto případě přišel jako kanon na vrabce.
Jaký je rozdíl mezi tradičním vývojem na míru a vývojem v Elementoru?
Elementor umožňuje tvořit web pomocí tzv. drag and drop builderu, čili přetahováním dlaždic. Samotná tvorba pak vypadá trochu podobně, jako byste tvořili prezentaci v PowerPointu.
Elementor má také řadu šablon a díky tomu si v něm jednoduchý web zvládne udělat téměř kdokoliv – i bez znalosti programování.
Naopak vývoj webových stránek na míru vyžaduje znalost HTML, CSS a JavaScriptu. Vývoj webových stránek na míru tedy umožňuje i větší flexibilitu a přizpůsobení. Výsledný web je také často rychlejší. Nicméně je těžší provádět rychlé iterace a nenákladově “zkoušet” věci.
I když se rozhodnete tvořit web v Elementoru, vřele doporučuji oslovit o pomoc (nebo alespoň následnou revizi) nějakého profesionála, jelikož vytvořit dobrý web v Elementoru (byť se to tak může na první pohled zdát) není vůbec snadné.
Optimalizace webových stránek s Elementorem
Základní otázkou, kterou si stojí za to zodpovědět, je, jak zrychlit Elementor web. Jakmile budete mít web alespoň přiměřeně rychlý (bohužel s Elementorem ta rychlost nebude nikdy ideální), můžete se pustit na další optimalizace a nastavování.
Nastavte reCAPTCHU, zálohy a zabezpečení. Tou nejlepší možností je vytvořit si z těchto věcí rutinu, abyste na ně u žádného projektu nezapomínali.
Je vhodný Elementor pro blog?
Ano, Elementor v placené Pro verzi je z mého pohledu relativně vhodný pro blog. Je však extrémně důležité, abyste všechny články psali v nativním Gutenberg editoru, nikoliv je dělali přímo v Elementoru!
Elementor byste měli využít převážně jen pro tvorbu šablony, ve které se budou stránky zobrazovat. Viz video níže:
Elementor a WooCommerce
Ne, Elementor dle mého soudu není vhodný pro WooCommerce web. Jak WooCommerce, tak Elementor jsou velmi robustními řešeními a když se tato jejich robustnost setká na jednom webu, typicky z toho vyjde výsledek, který:
- má (občas až extrémní) problémy s výkonem a rychlostí;
- neobejde se bez (občas desítek) doplňkových pluginů;
- vytváří frustraci nad tím, když člověk potřebuje vytvořit něco konkrétního.
Sám e-shopy netvořím, ale z diskuze s kolegy, kteří je tvoří, si odnáším, že nejlepší je využít předpřipravené krabicové řešení jako je například Shoptet.
Vyzkoušejte Elementor
Vyzkoušet Elementor
Jaký je nejlepší hosting pro Elementor web?
Společnost Elementor nabízí i svůj hosting, který pravděpodobně nebude špatný, nicméně s ním žádné zkušenosti nemám. Osobně používám SiteGround a ten mi přijde jako dobrá verze pokud chcete kvalitní hosting se skvělou podporou, nevadí vám angličtina a nemáte žádné speciální požadavky.
Elementor každopádně žádný speciální hosting nevyžaduje a klidně můžete vybrat pro hostování Elementor webu i kvalitního hráče z českých vod, jako je například Váš hosting.
Ukázka webů, které jsem s Elementorem postavil
Slovo závěrem
Elementor je intuitivní, má extrémně rychlou učící křivku a relativně se v něm vyznáte, i pokud jste nikdy předtím žádný web netvořili.
Elementor může být nejpoužívanějším page builderem, nicméně dobu, kdy byl jejich králem, má již, myslím, za sebou. To však neznamená, že pro určitý druh projektů a uživatelů se nejedná stále o zajímavou možnost, ke které se při tvorbě webu uchýlit.
Vývojářský tým Elementoru také aktivně pracuje na vývoji a přidávání nových možností. Byť to nedělá z mého pohledu kolikrát úplně šťastně, snaha se mu rozhodně odepřít nedá. Váže se s tím také fakt, že pokud budete chtít web na Elementoru dobře doladit, vřele bych doporučil požádat o konzultaci profesionála, který si s Elementorem dobře rozumí.
Pokud to s webem myslíte alespoň trochu vážně, rozhodně bych i doporučil investovat do prémiové verze Elementoru, jelikož to za to, z mého pohledu, rozhodně stojí.
Dejte mi vědět v komentářích, jaké zkušenosti a názor máte na Elementor vy?