Naše webové stránky obsahujú odkazy na partnerské weby. Ak sa prekliknete z našich stránok na stránky partnera a tam si zakúpite jeho služby, obdržíme za sprostredkovanie províziu (Zistiť viac informácií). Táto forma spolupráce nijako neovplyvňuje objektívnosť našich recenzií. Každým nákupom cez kliknutie z našich stránok podporíte našu redakciu, aby sme aj do budúcnosti mohli tvoriť kvalitný a užitočný obsah. Ďakujeme.
Dôležité upozornenie Všetky naše články píšu skutoční ľudia. Nie sú to umelé texty od stroja.
Recenzia: Elementor najprívetivejší WordPress page builder
Obsah
Elementor je WordPress page builder, s ktorým sa dajú pomerne jednoducho vytvárať webové stránky a šablóny metódou drag&drop (chyť a pusť). V tejto recenzii sa pozrieme na to, či má zmysel verzia PRO, a takisto vám ukážem, ako sa v builderi pracuje a aké sú jeho výhody či nevýhody. Okrem toho sa pozrieme ešte na to, či dokážete skutočne vytvoriť web bez znalosti programovania a kódovania.
Ak preferujete video, tak si môžete pozrieť aj video recenziu na našom YouTube kanále Webhostingcentrum.
Čo je Elementor?
Elementor je WordPress page builder, s ktorým sa pracuje metódou drag&drop. To zjednodušene znamená, metódou presúvania elementov (odtiaľ pochádza názov Elementor) z menu editora do budovaných stránok. Samotný popis tohto buildera vyzerá trochu zložito, ale zmyslom akéhokoľvek page buildera je, že s ním dokáže vytvoriť webové stránky každý. Teda aj ľudia bez technických znalostí.
A tak Elementor skutočne funguje. Samozrejme, je potrebné trochu sa s ním zžiť, ale garantujem vám, že za krátku dobu s týmto staviteľom stránky dokážete vytvoriť profesionálne vyzerajúce weby. A pritom nemusíte vedieť programovať alebo rozumieť HTML.
Úplne najlepšie na Elementore je, že má vlastnú knižnicu šablón od profesionálnych dizajnérov. Tieto šablóny jednoducho stiahnete do svojho webu, cez editor upravíte texty, zmeníte farby a obrázky. A odrazu máte hotový web. Nemusíte mať grafické cítenie, a predsa dokážete urobiť profesionálny web aj e-shop. V tejto recenzii vám to dokážem.
Pre koho je Elementor vhodný?
Elementor je vhodný pre všetkých. Dnes sa už totižto weby spravidla neprogramujú, ale tvoria za pomoci page builderov. Tento WordPress builder môžu používať ako začiatočníci, tak aj profesionáli. A áno, oni ho skutočne používajú. Vďaka nemu totižto dokážu ušetriť veľa práce a času, ktorý môžu investovať inde. Profesionálni webdizajnéri môžu v Elementore využívať CSS kódy a Elementor má takisto svoje hooky (funkcie, ktoré umožňujú vývojárom manipulovať s funkciami bez úpravy základných súborov).
Môžete sa spoľahnúť na to, že ortodoxní profesionáli a vývojári budú na Elementor hádzať špinu a vysmievať sa mu, ale nedajte na ich reči. Tento page builder používajú milióny ľudí po celom svete. A oni vedia prečo. Pretože je jednoduchý a efektívny.
A čo začiatočníci, podnikatelia, freelanceri, ktorý si chcú vytvoriť vlastný web, ale nemajú na to potrebné technické znalosti alebo cit pre detail? Práve táto skupina užívateľov bude z Elementora udivená najviac, pretože im umožní vytvoriť profesionálny web za pomoci drag&drop metódy, čo je metóda skladania prvkov (tlačidlá, CTA, obrázky, nadpisy, efekty, mapy, videá atď.) na miesta, na ktoré ich potrebujete vložiť.
Možno sa vám zdá, že dosť preháňam a zatiaľ je recenzia plná superlatívov. Tak čítajte ďalej.
Aké sú hlavné funkcie Elementor?
Funkcií je neskutočne veľa a ťažko by som ich dokázal popísať všetky. Budem teda písať o tom, čo všetko Elementor dokáže a v čom ako užívateľ budete mať pri používaní page buildera najväčší benefit.
Drag & Drop editor
Ak neviete, čo znamená spojenie drag&drop, najlepšie ho popíše obrázok, ktorý má na svojom webe práve Elementor. Hlavné kúzlo tejto metódy je v tom, že si jednoduchými ťahmi myši poskladáte webové stránky za pomoci elementov.
Nižšie v recenzii vám ukážem, ako sa v praxi s Elementorom pracuje. Keď začnete tvoriť web na prázdnej (čistej bielej) stránke, musíte si pridať najprv riadok, s ktorým vytvoríte stĺpcovú štruktúru a do ktorej následne presuniete potrebné elementy. Stĺpcová štruktúra vlastne určuje, koľko stĺpcov bude daný riadok mať.
Každá webová stránka sa delí na niekoľko riadkov a každý riadok môže mať iný počet stĺpcov. Počet potrebných stĺpcov závisí na tom, čo potrebujete do riadku dostať. Pre predstavu prikladám nižšie obrázok webu, kde sú v riadku dva stĺpce. Jeden na text a tlačidlo a druhý na obrázok. Takto jednoduché to je. Web si musíte predstaviť v riadkoch a stĺpcoch. Následne už len skladáte jeho dizajn.
Šablóny a bloky
Šablóny a bloky sú pripravené stránky a časti stránok, za ktorými stoja skutoční dizajnéri. Sú to vzhľadovo krásne, prepracované a hlavne profesionálne vyzerajúce stránky alebo ich časti. Elementor to delí na dve kategórie: stránky (kompletne celý web) a bloky, čo sú samostatné časti stránky, čiže napríklad hotové cenníky, referencie, ponuka služieb atď. Z pripravených blokov sa dá pomerne rýchlo poskladať celá webová stránka.
Šablón a sekcií je v Elementore cez 300. V tomto kroku už začnete uvažovať o Elementor PRO, pretože vo verzii zadarmo je dostupný len zlomok týchto profesionálnych dizajnov. Je to ale pochopiteľné.
Widgety
Widgety sú elementy, ktoré sa vkladajú na stránky. Sú to nadpisy, obrázky, mapy, ikony, taby, textové boxy, oddeľovače a podobne. Widgetov je v súčasnej dobe asi 150. Avšak, tu zase zbystrite. 150 ich je vo verzii PRO. Vo free verzii máte k dispozícii len 30 základných. A to je žalostne málo. Verte mi.
A tu už sú PRO widgety. Je tu naviac formulárový widget, cenníky, animované titulky portfólio a ďalšie.
Avšak s PRO widgetami to nekončí. Elementor je skvelý nástroj na úpravu všetkých častí webov, takže je s ním možné upravovať záhlavie, pätu, stránky archívov, stránky 404 a ďalšie. Vo verzii PRO môžete očakávať ďalšie widgety práve pre tieto potreby.
WooCommerce Widgets
WooCommerce je skvelý spôsob, ako si na WordPress postaviť vlastný e-shop. Lenže WooCommerce sa zle upravuje. V základnom WordPress nedokážete jednoducho upraviť stránku košíka, stránku produktu alebo stránky kategórií produktov. Ak ale máte Elementor PRO, dokážete pomocou WooCommerce Widgets vytvárať globálne šablóny spomínaných stránok e-shopu. Podľa vlastných predstáv a potrieb si jednoducho navrhnete šablónu pre produktové stránky, vzhľad pokladne a košíka, a podobne. Neprestanem šetriť chválou, pretože tu odrazu užívatelia bez technický znalostí dokážu ovládnuť vzhľad svojho WooCommerce e-shopu.
Jednoduchá úprava čohokoľvek
Toto by vlastne mohlo spadať pod drag&drop editor, ale chcem vám to ukázať samostatne. Pomocou editora skladáte web v reálnom zobrazení. Elementor je tzv. WYSIWYG editor (čo vieš, to dostaneš). Nemusíte sa nikam preklikávať kvôli náhľadu rozrobenej práce. Tú totižto vidíte pred sebou, a keď sa vám niečo nepáči, jednoducho to zmeníte. Ľahko zmeníte typ písma, jeho veľkosť, farbu, premiestnite prvky, pridáte ďalšie elementy do stránky a podobne. Všetko nastavíte jednoducho v rozhraní editora.
Čo všetko sa dá v Elementore upravovať?
Môžem napísať, že s Elementor sa dá upravovať skoro všetko. Samozrejme, nie je možné zasahovať do samotnej šablóny, ktorú používate, nemôžete upravovať jej jednotlivé prvky a rozloženie. S Elementorom si však môžete vytvárať vlastné šablóny napríklad pre články, produkty, stránky archívov a podobne. V týchto šablónach ste vládcom vlastného webu a nie ste skoro ničím obmedzení, takže môžete web navrhnúť presne podľa svojich predstáv.
Elementor je zárukou toho, že všetko bude fungovať a správne sa zobrazovať na všetkých zariadeniach. V editore máte možnosť doladiť dizajn do toho najmenšieho detailu. Môžete si takisto prepínať medzi zobrazením PC na mobilné zobrazenie, vďaka čomu nevynecháte žiadnu chybu v responzívnom zobrazení.
Čo je možné upravovať:
- Záhlavie a pätu
- Predpripravené šablóny
- Vzhľad widgetov
- Jednotlivé prvky sa jednoducho upravujú
- Možnosť vkladať vlastné CSS
- Vstavaný pop-up builder (verzia PRO)
- Hooky
- Jednoduchá zmena WooCommerce stránok
- a množstvo ďalšieho
Aká je cena za Elementor?
Ak Elementor poznáte, asi viete, že je možné stiahnuť ho z repozitára WordPress zadarmo. Aj verzia zadarmo sa dá dobre používať, ale ak chcete ďalšie widgety, pripravené profesionálne šablóny stránok a blokov, prípadne chcete zasahovať do vzhľadu WooCommerce, potrebujete Elementor PRO.
Platená verzia buildera má niekoľko variantov. Tie sa od seba líšia prevažne počtom webov (domén), na ktorých môžete Elementor používať za jednu cenu.
Je skvelé, že existuje možnosť taríf, ktoré sú určené pre väčšie množstvo webov. Čím viac zaplatíte, tým viac benefitov máte. Avšak, tieto benefity sa spravidla spájajú s lepšou (rýchlejšou) užívateľskou podporou. Inak máte v najlacnejšej tarife Essential pre jeden web dostupné úplne všetko. Teda, až na 20 expertných blokov a stránok.
Ak uvažujete o najlacnejšej tarife, premyslite si, či by sa vám neoplatila výhodnejšia možnosť za necelých 100 dolárov, s ktorou môžete používať Elementor na 3 webových stránkach. Ide o pomerne lákavú ponuku a sám ju využívam. A to mám Elementor zatiaľ na 2 webových projektoch. Jednoducho to vychádza výhodnejšie.
Elementor krátky tutoriál
S Elementorom sa dá vytvárať množstvo vecí, ako napríklad globálne šablóny pre články, archívy, stránku produktov atď. Globálne šablóny nastavíte pre celý web alebo im špecifikujete, kedy sa majú používať. Ide o to, že potom nemusíte produkty upravovať po jednom. Prípadne v šablóne nastylujete, ako má vyzerať stránka produktu a priradíte šablónu všetkým produktom. Takisto ju však môžete prideliť len niektorým produktom alebo určitým kategóriám produktov.
Pri vytváraní jednoduchšieho osobného alebo firemného webu sa postupuje tak, že si v administrácii WordPress vytvoríte stránku a tú upravíte v Elementore.
Keď si teda vytvoríte stránku, záleží na vás, či si stiahnete hotovú šablónu z knižnice Elementor a upravíte tú, alebo si vytvoríte vlastný dizajn od nuly.
Vytvorenie riadkov a výber štruktúry
Pri tvorbe webu od nuly sa vždy začína pridaním riadku a výberom stĺpcovej štruktúry. Vyššie som to v tejto recenzii opisoval. Do riadkov a stĺpcov sa následne vkladajú elementy (widgety). Riadkom je spravidla nutné nastaviť odsadenie, aby neboli prilepené na predchádzajúci riadok, ale to záleží na konkrétnych potrebách.
Vloženie elementu do stĺpca riadku
Elementor je drag&drop editor, takže sa v ňom pracuje prevažne myšou, s ktorou sa presúvajú elementy a iné prvky. Pomocou myši sa nakoniec upravujú aj jednotlivé prvky na stránke.
Toto bol základný tutoriál tvorby webových stránok v Elementore. Na videách vidíte, že práca v editore je veľmi intuitívna, takže verím, že sa ju rýchlo naučíte. Pamätajte na to, že je to nástroj, s ktorým sa musíte naučiť pracovať. Učenie vám ale pôjde určite veľmi rýchlo.
Výhody a nevýhody
| Klady (+) | Zápory (-) |
|---|---|
| + Veľké množstvo funkcií vo verzii zadarmo. | - Za WooCommerce editor si musíte priplatiť. |
| + 300+ pripravených profesionálnych šablón. | - Prednostná podpora vás bude stáť minimálne 49 $ ročne. |
| + Pravidelné ukladanie stránky v editore - možnosť vrátiť sa k staršej verzii, pokiaľ niečo pokazíte. | - Bezplatná verzia nie je veľmi použiteľná. |
| + Drag&drop editor | |
| + Vytvorený web je optimalizovaný aj pre mobilné zariadenia. | |
| + Možnosť vytvárať a nastavovať globálne šablóny (PRO). | |
| + Jednoduchá úprava WooCommerce stránok (PRO). | |
| + Možnosť konfigurácie SEO nastavenia pre vytvorené stránky a šablóny. |
Záver a hodnotenie
Elementor patrí k najobľúbenejším WordPress builderom na svete. Podľa mňa je to vďaka jeho bezplatnej verzii, s ktorou si niektorí ľudia vystačia. Avšak do bezplatnej verzie je často potrebné nainštalovať ďalšie bezplatné doplnky tretích strán. Tým následne ohrozujete minimálne výkon webu, nehovoriac o bezpečnosti. Pomalý web nemá nikto rád. Pozor na to.
Elementor si získa aj vás. To vám môžem sľúbiť. Weby sa v ňom tvoria s neuveriteľnou ľahkosťou a rýchlosťou. Plusom je určite možnosť vytvárania globálnych šablón a hlavne možnosť upravovať defaultné stránky WooCommerce e-shopu. Vďaka tomu nepotrebujete drahého developera, aby vám upravil vzhľad košíka alebo stránky produktu.
Elementor je kvalitný builder na tvorbu webu. Pri tvorení je ale potrebné dávať pozor na počet rôznych efektov, pretože čím viac toho na stránku dáte, tým pomalšia bude. Keď sa s Elementorom naučíte pracovať, nedáte naň dopustiť, pretože pre vás bude nepostrádateľným pomocníkom pri tvorbe krásnych webov.
