Recenze: Elementor nejpřívětivější WordPress page builder

Recenze page builderu Elementor

Elementor je WordPress page builder, se kterým se dají docela jednoduše vytvářet webové stránky a šablony metodou drag&drop (chyť a pusť). V této recenzi se podíváme na to, zda má smysl verze PRO a také vám ukážu, jak se v builderu pracuje a jaké jsou jeho výhody, nevýhody. A také se podíváme na to, zda opravdu dokážete vytvořit web bez znalosti programování a kódování.

Co je Elementor?

Elementor je WordPress page builder, se kterým se pracuje metodou drag&drop. To zjednodušeně znamená, metodou přetahování elementů (odtud název Elementor) z menu editoru do budovaných stránek. On možná samotný popis tohoto builderu vypadá trochu složitě, ale smyslem jakéhokoliv page builderu je, že s ním dokáže vytvořit webové stránky každý. Tedy i lidé bez technických znalostí.


Naši partneři

UpGates.cz moderní e-shopy na míru

1 Elementor Recenze Predstaveni

A tak Elementor opravu funguje. Samozřejmě je potřeba se s builderem trochu sžít, ale garantuji vám, že za krátkou dobu s tímto stavitelem stránek dokážete vytvořit profesionálně vypadající webové stránky. Nemusíte umět programovat, nemusíte umět HTML.

Úplně nejlepší na Elemetoru je, že má vlastní knihovnu šablon od profesionálních designérů. Tyto šablony snadno stáhnete do svého webu, přes editor upravíte texty, změníte barvy a obrázky. Najednou máte hotový web. Nemusíte mít grafické cítění, a přece dokážete udělat profesionální web i e-shop. V téhle recenzi vám to dokážu.

Pro koho je Elementor vhodný?

Elementor je vhodný pro všechny. Dnes už se většinou weby neprogramují, ale tvoří za pomoci page builderů. Tento WordPress builder mohou používat jak začátečníci, tak profesionálové. A ano, oni ho skutečně používají i profesionálové. Díky němu totiž dokáží ušetřit spoustu práce a času, který mohou investovat jinde. Profesionální webdesignéři mohou v Elementoru využívat CSS kódy a Elementor má také své hooky (funkce, která umožňuje vývojářům manipulovat s funkcemi bez úpravy základních souborů). 

Můžete se spolehnout na to, že ortodoxní profesionálové a vývojáři budou na Elementor házet špínu a vysmívat se mu, ale nedejte na jejich řeči. Tento page builder používají miliony lidí po celém světě. A oni vědí proč. Protože je jednoduchý a efektivní.

A co začátečníci, podnikatelé, freelanceři, kteří si chtějí vytvořit vlastní web, ale nemají pro to potřebné technické znalosti nebo cit pro detail? Právě tato skupina uživatelů bude z Elementoru nejvíce udivená, protože jim umožní vytvořit profesionální web za pomoci drag&drop metody, což je tedy metoda skládání prvků (tlačítka, CTA, obrázky, nadpisy, efekty, mapy, videa atd.) na místa, na která je potřebují vložit.

Možná se vám zdá, že dost přeháním a zatím je recenze plná superlativ. No tak čtěte dál

Jaké jsou hlavní funkce Elementor?

Funkcí je neskutečně mnoho a těžko bych je zde dokázal popsat všechny. Budu tedy psát o tom, co všechno Elementor dokáže a v čem jako uživatel budete mít při používání page builderu největší benefit.

Drag & Drop editor

Pokud nevíte, co znamená to spojení drag&drop, tak nejlépe to popíše obrázek, který má na svém webu právě Elementor. To hlavní kouzlo této metody je v tom, že si pouhými tahy myší poskládáte webové stránky za pomoci elementů.

2 Elementor Recenze Drag Drop Editor
Metoda drag&drop.

Níže v recenzi vám to ukážu v praxi, jak se s Elementorem pracuje. Když začnete tvořit web na prázdné (čistě bílé) stránce, tak si nejprve musíte přidat řádek, se kterým vytvoříte sloupcovou strukturu a do té pak přetáhnete potřebné elementy. Sloupcová struktura vlastně určuje, kolik sloupců bude daný řádek mít. 

3 Elementor Recenze Drag Drop Editor V Praxi
Drag&drop v praxi.

Každá webová stránka se dělí na několik řádků a každý řádek může mít jiný počet sloupců. Počet potřebných sloupců závisí na tom, co potřebujete do řádku dostat. Pro představu níže přikládám obrázek webu, kde jsou v řádku dva sloupce. Jeden pro text a tlačítko a druhý pro obrázek. Takhle jednoduché to je. Musíte si web představit v řádcích a sloupcích. Pak už jen jednoduše skládáte jeho dyzajn.

4 Elementor Recenze Drag Drop Editor V Praxi

Šablony a bloky

Šablony a bloky jsou připravené stránky a části stránek, za kterými stojí skuteční designéři. Jsou to vzhledově krásné, propracované, a hlavně profesionálně vypadající stránky a nebo části stránek. Elementor to dělí na dvě kategorie: stránky (kompletně celý web) a bloky, což jsou samostatné části stránky, tedy například hotové ceníky, reference, nabídka služeb atd. Z připravených bloků se dá poměrně rychle poskládat celá webová stránka.

5 Elementor Recenze Sablony
Ukázka připravených šablon v knihovně Elementor.
6 Elementor Recenze Bloky
Ukázka připravených bloků stránek.

Šablon a sekcí je v Elementoru přes 300. Tady už začněte uvažovat o Elementor PRO, protože ve verzi zdarma je dostupný pouze zlomek těchto profesionálních designů. Je to pochopitelné. 

Widgety

Widgety jsou elementy, které se vkládají na stránky. Jsou to nadpisy, obrázky, mapy, ikony, taby, textové boxy, oddělovače a podobně. Widgetů je v současné době asi 150. Nicméně tady zase zbystřete. 150 jich je ve verzi PRO. Ve free verzi máte k dispozici pouhých 30 základních widgetů. A to je žalostně málo. Věřte mi.

7 Elementor Recenze Zakladni Widgety
Všechny základní widgety.

A zde už jsou PRO widgety. Zde je navíc například formulářový widget, ceníky, animované titulky, portfolio a další.

8 Elementor Recenze Pro Widgety
Elementor PRO widgety.

Každopádně s PRO widgety to nekončí. Elementor je senzační nástroj na úpravu všech částí webu, takže s ním jdou upravovat záhlaví, zápatí, stránky archivů, stránky 404 a další. Ve verzi PRO můžete očekávat další widgety právě pro tyto potřeby. 

9 Elementor Recenze Pro Theme Elements
Elementor Theme elements.

WooCommerce Widgets

WooCommerce je skvělý způsob, jak si na WordPress postavit vlastní e-shop. Jenže WooCommerce se špatně upravuje. V základním WordPress nedokážete jednoduše upravit stránku košíku, stránku produktu nebo stránky kategorie produktů. Pokud ale máte Elementor PRO, tak dokážete vytvářet pomocí WooCommerce Widgets globální šablony zmíněných stránek e-shopu. Podle vlastních představ a potřeb si snadno navrhnete šablonu pro produktové stránky, vzhled pokladny a košíku a podobně. Tady nepřestanu šetřit chválou, protože tady najednou uživatelé bez technických znalostí dokáží ovládnout vzhled svého WooCommerce e-shopu.

10 Elementor Recenze Pro Woocommerce Widgets
WooCommerce Widgets.

Snadná úprava čehokoliv

Toto by vlastně mohlo spadat pod drag&drop editor, ale chci vám to ukázat zvlášť. Pomocí editoru skládáte web v reálném zobrazení. Elementor je takzvaný WYSIWYG editor (co vidíš, to dostaneš). Nemusíte se nikam překlikávat kvůli náhledu rozdělané práce. Tu vidíte před sebou a když se vám něco nelíbí, tak to prostě změníte. Jednoduše změníte typ písma, jeho velikost, barvy, přemístíte prvky, přidáte další elementy do stránky a tak podobně. Všechno nastavíte jednoduše v rozhraní editoru.

Videoukázka práce v Elementor.

Co vše se dá s Elementor upravovat?

Mohu napsat, že s Elementor se dá upravovat skoro všechno. Samozřejmě není možné zasahovat do samotné šablony, kterou používáte, nemůžete upravovat její jednotlivé prvky a rozložení. S Elementorem si však můžete vytvářet vlastní šablony například pro články, pro produkty, pro stránky archivů a podobně. V těchto šablonách jste vládcem vlastního webu a nejste skoro ničím omezeni, takže můžete web navrhnout do sebemenšího detailu podle vlastních představ.

Elementor je záruka, že to bude všechno fungovat a správně se zobrazovat na všech zařízeních. V editoru vlastně máte možnost doladit design do nejmenšího detailu. Můžete si přepínat zobrazením z PC na mobilní zobrazení a díky tomu vychytáte jakoukoliv chybu v responzivním zobrazení. 

12 Elementor Recenze Responzivni Mod
Úprava detailů v responzivním módu.

Co je možné upravovat:

  • Záhlaví a zápatí
  • Předpřipravené šablony
  • Vzhled widgetů
  • Snadno se stylují jednotlivé prvky
  • Možnost vkládat vlastní CSS
  • Vestavěný pop-up builder (verze PRO)
  • Hooky
  • Snadná změna WooCommerce stránek
  • a spousty dalšího

Jaká je cena Elementor

Možná Elementor znáte, takže víte, že je možné stáhnout ho z repozitáře WordPress zdarma. I ve verzi zdarma jde docela dobře používat, ale pokud chcete další widgety, připravené profesionální šablony stránek a bloků, pokud chcete zasahovat do vzhledu WooCommerce, tak pak potřebujete Elementor PRO. 

Placená verze builderu má několik variant. Ty se od sebe liší převážně počtem webů (domén), na kterých můžete za jednu cenu elementor používat.

13 Elementor Cena
Ceník za Elementor PRO.

Určitě je dobré, že je zde možnost tarifů, které jsou určené pro větší množství webů. Čím víc zaplatíte, tak tím víc máte benefitů. Každopádně ty benefity se týkají převážně lepší (rychlejší) uživatelské podpory. Jinak máte v nejlevnějším tarifu Essential pro jeden web dostupné vše. Tedy až na 20 expertních bloků a stránek. 

Pokud uvažujete o nejlevnějším tarifu, tak si ještě rozmyslete, jestli by se vám nevyplatil výhodnější tarif za necelých 100 dolarů, se kterým ale můžete za jednu cenu použít Elementor na 3 webových stránkách. To je poměrně lákavá nabídka a sám ji využívám. A to mám Elementor zatím pouze na 2 webových projektech. Prostě to vyjde výhodněji.

Elementor krátký tutorial

S Elementorem se dá vytvářet mnoho věcí jako například globální šablony pro články, pro archivy, stránku pro produktu a tak dále. Globální šablony nastavíte pro celý web nebo jim specifikujete, kdy se mají používat. Jde o to, že potom nemusíte například produkty po jednom upravovat, ale v šabloně nastylujete, jak má vypadat stránka produktu a přiřadíte šablonu všem produktům, ale také ji můžete přidělit pouze některým produktům nebo určitým kategoriím produktů.

14 Elementor Tutorial
Začátek tvorby šablony.
15 Elementor Tutorial
Nastavení podmínek pro zobrazení šablony.

Při vytváření jednoduššího osobního nebo firemního webu se postupuje tak, že si vytvoříte v administraci WordPress stránku a tu upravíte v Elementoru.

Ukázka práce v Elementor.

Když si tedy vytvoříte stránku, tak pak záleží na vás, zda si stáhnete hotovou šablonu z knihovny Elementor a tu upravíte nebo zda si vytvoříte vlastní design od nuly. 

Vytvoření řádku a výběr struktury

Při tvorbě webu od nuly se vždy začíná přidáním řádku a výběru sloupcové struktury. Výše tady v recenzi jsem to popisoval. Do řádku a do sloupců se potom vkládají elementy (widgety). Řádku je většinou potřeba nastavit odsazení, aby nebyl přilepený na předchozí řádek, ale to záleží na konkrétních potřebách.

Přidání řádku.

Vložení elementu do sloupce řádku

Elementor je drag&drop editor, takže se v něm pracuje převážně myší, se kterou se přetahují elementy a jiné prvky. Pomocí myši se nakonec stylují jednotlivé prvky ve stránce.

Vkládání prvků do stránky.

Toto byl základní tutoriál tvorby webových stránek v Elementoru. Na videích vidíte, že práce v editoru je velice intuitivní, takže věřím, že se jí rychle naučíte. Pamatujte ale na to, že je to nástroj, se kterým se musíte naučit. Učení vám půjde určitě velice rychle.

Klady a zápory

Klady (+)Zápory (-)
+ Velké množství funkcí ve verzi zdarma.- Za WooCommerce editor si musíte připlatit
+ 300+ připravených profesionálních šablon.- Přednostní podpora vás bude stát minimálně 49 $ ročně.
+ Pravidelné ukládání stránky v editoru - možnost vrátit se k starší verzi, pokud něco pokazíte.- Bezplatná verze není moc použitelná
+ Drag&drop editor
+ Vytvořený web je optimalizovaný také pro mobilní zařízení.
+ Možnost vytvářet a nastavovat globální šablony (PRO)
+ Snadná úprava WooCommerce stránek (PRO)
+ Možnost konfigurace SEO nastavení pro vytvořené stránky a šablony.

Závěr a hodnocení

Elementor patří k nejoblíbenějším WordPress builderům na světě. Podle mě je to díky jeho bezplatné verzi, se kterou si někteří lidé vystačí. Nicméně do bezplatné verze je často potřeba nainstalovat další bezplatné doplňky třetích stran. Tím pak ohrožujete minimálně výkon webu, pokud nemluvíme o bezpečnosti. Pomalý web nemá nikdo rád, takže pozor na to.

Elementor si získá i vás. To vám můžu slíbit. Weby se v něm tvoří s neuvěřitelnou lehkostí a rychlostí. Plusem je určitě možnost vytváření globálních šablon, a hlavně možnost upravovat defaultní stránky WooCommerce e-shopu. Díky tomu nepotřebujete drahého developera, aby vám upravil vzhled košíku nebo stránky produktu.

Elementor je kvalitní builder pro tvorbu webu. Při tvoření webu je potřeba dávat pozor na počet různých efektů a podobně, protože, čím víc toho na stránku dáte, tím pomalejší bude. Až se s Elementorem naučíte, tak na něj nedáte dopustit, protože pro vás bude nepostradatelným pomocníkem při tvorbě krásných webů.

5/5 - (1 vote)

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..