1. WebsitePlanet
  2. >
  3. Blog
  4. >
  5. Elementor áttekintő 2021: Rászolgál a hírnevére?

Elementor áttekintő 2021: Rászolgál a hírnevére?

Andrea Schlottman Andrea Schlottman

Bevallom – mikor a szerkesztőm megkért, hogy írjam meg ezt az Elementor áttekintőt, nem örültem neki túlzottan. Éppen elég ingyenes WordPress weboldalkészítőt próbáltam ki a múltban, és soha nem húztam sokáig eggyel sem. Webdizájnerként mindig is úgy éreztem, hogy lekorlátozzák a lehetőségeimet.

Természetesen hallottam róla, hogy az Elementor egy szuper WordPress oldal és weblapkészítő, azonban szkeptikus voltam. Mennyire lehet jó valójában? Nos, miután dolgoztam vele néhány héten keresztül, be kell vallanom, hogy jobb, mint amire számítottam. Valójában SOKKAL jobb, mint amire számítottam.

Olvass tovább, ha érdekel, minek köszönhetően változott meg a véleményem, és döntöttem úgy, hogy adok egy esélyt az Elementornak hosszú távon is.

Mi az Elementor?

Elementor homepage

Az Elementor egy ingyenes weboldalkészítő plugin WordPress-hez. Lényegében biztosít számodra egy drag-and-drop felületet WordPress-hez, hasonlatossá téve a munkamenetet ahhoz, amit a népszerű weboldalkészítők is nyújtanak, például a Wix vagy a Squarespace.

Kiválaszthatsz egy kész sablont vagy elkészítheted a saját funkciógazdag honlapodat olyan elemekkel, amiket tetszés szerint helyezhetsz el – kódolási alapismeretek nélkül.

Miután feltelepítetted az Elementort:

  • Új oldalakat vagy új weboldalt készíthetsz bármilyen stílusban, layouttal, vagy funkcióval, amire csak szükséged van. Választásaid köre nem korlátozódik le arra, amit az aktuális WordPress témád felkínál.
  • Megtarthatod a jelenlegi témádat, mivel az Elementor kezelni tudja az összes WordPress témát (amennyiben a WordPress 5.0-ás, vagy ennál újabb verzióval dolgozol).
  • Kapsz egy teljesen különálló (és sokkal intuitívabb) szerkesztőt, amivel dolgozhatsz. Nem kell majd a WordPress saját szerkesztőfelületére hagyatkoznod.
  • A front end felületen fogod szerkeszteni a lapokat vagy weboldaladat, ami azt jelenti, hogy pontosan ugyanazt fogod látni, amit a látogatóid látnak a böngészőjükben – nem kell majd folyamatosan piszkozatokat és előnézeteket elmentegetned.

Természetesen léteznek más hasonló funkciókat felvonultató weboldalkészítők is, azonban többségében valamilyen jelentős hátulütővel járnak: vagy fantasztikus szerkesztő funkcióik dacára nincs ingyenes csomagjuk, vagy rendelkeznek ingyenes csomaggal, de messze túl kevés sablont kínálnak (amelyek ráadásul nem is néznek ki túl jól).

Az Elementor tényleg szabadságot ad, több szempontból is. Vessünk egy közelebbi pillantást a lehetőségekre.

300+ kész sablon

Professzionális dizájnerként is elismeréssel gondolok az Elementor sablonjaira! Ha nincs is érzéked a dizájnhoz, lehetővé teszik számodra, hogy egyszerűen készíthess gyönyörű, profi kinézetű weboldalakat. Két típusú sablon létezik: teljes oldalhosszúságú sablonok (amelyek Oldalak néven futnak) és az okosabb, különálló elemek (amelyek a Blokkok megnevezést kapták).

Oldalak használata

A legkönnyebben úgy kezdhetsz el dolgozni az Elementorral, ha egy előre megtervezett sablont használsz. Az Elementor több mint 150 ilyennel rendelkezik, ezek közül mintegy 40 elérhető ingyen. (Sajnos nem lehet úgy beállítani a szűrőt, hogy csak az ingyenes elemeket dobja fel, így manuálisan kell meggyőződnöd róla, hogy a kis “Pro” címke megjelenik-e a sablon sarkában.)

Ha minden oldalnál más elrendezést szeretnél használni, egységes megjelenés eléréséhez válassz ugyanabba a kategóriába tartozó Oldalak közül. Az Elementor ezeket “kiteknek” (vagyis “csomagoknak”) hívja, azonban a könyvtárban nem lehet “csomagként” rájuk keresni. E helyett keress olyan sablonokat, amelyek ugyanazzal a névvel végződnek, például Utazás vagy Digitális Iroda. Az Utazás készletben például hét olyan oldal található, amelyek jól mutatnak együtt, beleértve a Rólunk, Galéria, és GYIK szekciót.

Ha még nagyobb választékra vágysz, importálhatsz Elementor oldal sablonokat harmadik fél forrásaiból, például a ThemeForesttől.

Ha teljes mértékben saját magadnak szeretnéd összeállítani a dizájnt, sablont sem muszáj használnod – akár a semmiből is felépítheted az oldaladat.

Pro tipp: Az Elementor sablonok alapértelmezetten a laptörzsbe épülnek be, ami azt jelenti, hogy az általad használt téma fejléce, lábléce, és az oldalsáv elemei láthatóak maradnak. A témádtól és az általad használt sablontól függően, az összhatás meglehetősen furcsán mutathat.

Ezeknek az elemeknek az eltávolításához, és ahhoz, hogy teljesen üres vászonnal dolgozhass, menj a Settings (Beállítások) fülre, és állítsd át a Page Layout (Oldal Elrendezése) beállításait “Elementor Canvas”-re.

Setting up a Blank Canvas page template on Elementor

Blokkok használata

A teljes oldalhosszúságú Oldalak mellett rendelkezésedre állnak okosabb, különálló elemek, amelyek Blokk néven futnak.

Az Elementor több mint 200 használatra kész Blokkot kínál ártáblázatokhoz, ajánlásokhoz, “a csapatról” layoutokhoz, portfóliókhoz, és még sok máshoz is.

Elementor page templates

Akárcsak a sablonok, néhány tartalmi blokk is ingyenes, míg a “Pro” Blokkok fizetősek.

Pro tipp: Ha úgy tervezed, hogy ugyanazokat az elemeket szeretnéd használni különböző oldalakon, ehhez elkészítheted saját sablonjaidat is:

Sablonjaidat exportálhatod is, és felhasználhatod őket más WordPress honlapokhoz. Ez a funkció kimondottan hasznos, ha ügyfelek számára készítesz weboldalakat

Húzd helyükre a Widgeteket

A Blokkoktól eltérően a Widgetek kisebb, kompaktabb elemek, például szövegek, képek, címek és térképek. Annyi Widgetet húzhatsz egy oldalra, amennyit csak szeretnél.

Az Elementor 30 ingyenesen használható widgetet kínál (és több mint 50 fizetőset), továbbá ugyanabból az eszközsorból a bal oldalon a WordPress saját widgeteit is beillesztheted. Attól függően mennyire alakítható a WordPress témád, kizárólag ingyenes Elementor és WordPress widgetekkel is elérheted a megjelenést és funkcionalitást, amire törekszel.

Használd a Drag-and-Drop szerkesztőt

Miután kiválasztottál egy témát és hozzáadtad az összes tartalmi blokkot és widgetet, amelyeket akartál, a szerkesztő használatával belekattinthatsz bármelyik elembe az oldalon, és helyi változtatásokat végezhetsz rajta.

Mivel az Elementor “amit látsz, azt kapod” (WYSIWYG, avagy “What You See Is What You Get”) alapon működő eszköz, nem kell majd az előnézet gombra kattintanod vagy üzemmódot váltanod, ha látni akarod a szerkesztés eredményét. A változtatásokat az elvégzésüket követően azonnal látni fogod, a honalpod látogatói számára azonban nem lesznek láthatóak, amíg rá nem kattintasz a közzététel gombra.

Pro Tipp: Karbantartás mód

Ha éppen benne vagy a honlapod elkészítésének vagy frissítésének folyamatában, az Elementor beépített maintenance mode-ja (vagyis karbantartási üzemmódja) lehetővé teszi egy ideiglenes oldal megjelenítését, és beállítja számodra a megfelelő HTTP-állapotkódot. Ehhez az opcióhoz a WordPress irányítópultodról hozzáférhetsz.

Switching your WordPress site to Maintenance Mode using Elementor

Míg Karbantartás módban vagy, nem kell azon aggódnod, hogy véletlenül közzéteszed a változtatásokat, mielőtt a weblap elkészülne. Több mint 10 Elementor sablon közül választhatsz az ideiglenes nyitóoldaladhoz.

A szerkesztés során a bal oldali eszközsort fogod használni a színek finombeállításához, a betűtípus, az elhelyezés, az elrendezés, és egyebek beállításához:

Editing text on your webpage using Elementor

Az egyik dolog, amit a legjobban szeretek az Elementorban, hogy a drag-and-drop szerkesztőnek köszönhetően nagyon precízen beállíthatsz minden egyes elemet. Szinte minden részletét szabályozhatod a honlapod tartalmi blokkjainak, widgetjeinek, szövegeinek, képeinek, oszlopainak, és felosztásának.

Ne feledkezz meg a haladó funkciók lapfülről (lásd alább) néhány igazán érdekes opcióért:

  • Állíts be pontos margókat és szegélyeket pixel vagy százalék alapon
  • Testreszabhatod az elemek szélességét, és fix oldal pozíciókat
  • Rendezd oszlopokba a widgeteket, szövegeket, vagy képeket
  • Állítsd be a szélességet és távolságot az oszlopok között
  • Adj hozzá haladó szintű mozgásokat és hover effekteket
Editing margins and padding with Elementor

Íme néhány további funkció, amiket kimondottan hasznosnak találtam:

  • Ha bármelyik elemnek a jobb felső sarkába kattintasz a jobb egérgombbal, az összes szerkesztési lehetőség láthatóvá válik
  • Egyetlen kattintással másolatot készíthetsz bármely tartalmi blokkról
  • Könnyedén visszavonhatsz/visszaállíthatsz változtatásokat a Ctrl+Z és a Shift+Ctrl+Z billentyűkombinációkkal (vagy a Cmd+Z és a Shift+Cmd+Z-vel Mac-en)

Az Elementor kompatibilis olyan fordító pluginokkal, mint a WPML vagy a Polylang, és támogatja a jobbról-balra (RTL) olvasangó nyelvek megjelenítését (olyan nyelvek esetében, amelyeket jóbbról balra olvasnak, mint például az arab).

Pro tipp: Ha a honlapod egy hosszú vagy összetett oldalán dolgozol (különösképpen, ha vannak olyan elemek, amelyek elemeken belüli elemekben találhatóak), bonyolulttá válhat megtalálni kimondottan azokat a részeket, amiket megváltoztatnál, illetve még megérteni is, hogy a többrétegű elemek hogy viszonyulnak egymáshoz.

A Navigator feature (Navigációs funkció) hamar a legjobb barátoddá válik majd. Csak jobb klikkelj bármely elemre, és válaszd ki. Így beazonosíthatod az elem helyét, amire az imént ráklikkeltél a honlapod teljes egészén belül, valamint automatikusan feldobja a szerkesztő sávot is.

Elementor's Navigation feature helps you find the editing bar of each element you wish to edit

Szerkeszd meg a honlapod mobil verzióját

Míg mindegyik Elementor sablon alapjáraton mobil-reszponzív, az Elementor célja az, hogy a kezedbe adja a kontrollt a dizájn felett. A Mobile Editing (Mobil szerkesztő) funkcióval finomhangolhatod a honlapod megjelenését az okostelefonodon vagy a tableteden.

Megváltoztathatod a beállításokat, hogy megjelenítsen vagy elrejtsen bizonyos elemeket, változtathatsz az oszlopok sorrendjén és beállításain, és megváltoztathatod a margókat a képernyő méretétől függően. Még különböző betűméretet is beállíthatsz különböző készülékekre, hogy a szöveg a honlapodon biztosan mindig könnyen olvasható legyen.

Figyelmeztetés: Ha teljesen a nulláról építed fel a weboldaladat sablon használata nélkül, nem lesz mobil-reszponzív – azonban a Mobile Editing funkció segítségével létrehozhatsz egy különálló mobil verziót.

Pro tipp: Nem kell belépned a mobil szerkesztőbe, hogy változtatásokat tudj végezni a honlapod mobil verzióján. A rendes asztali szerkesztőben klikkelj a haladó tartalmakat kezelő lapfülre bármely elemnél, hogy elrejtsd vagy megjelenítsd az adott elemet különböző méretű képernyőkön.

Editing your site's mobile version from the Advanced tab in Elementor

Oldalkészítés stresszmentesen: verzióelőzmények

Néha egy, két, de még három visszavonás sem elég hozzá, hogy visszafordíts egy dizájn katasztrófát. Persze ez a legjobbakkal is előfordul!

És itt jön a képbe az előzménykezelő panel. Ezen a panelen megtekintheted az egyes változtatásokat az action (művelet) lapfül alatt, vagy mentett oldalak teljes verzióit a revisions (módosítások) lapfül alatt. Csak kattints a visszaállítás gombra az oldalad korábbi verziójának helyreállításához.

Az Elementor automatikus mentés funkcióját kombinálva a Módosítások panellel biztos lehetsz benne, hogy kemény munkád soha nem megy kárba.

Semmi sem tökéletes: az Elementor hátulütői

Mostanra valószínűleg nyilvánvalóvá vált, hogy szívesen használom az Elementort. Azonban létezik néhány probléma, amivel jó, ha tisztában vagy:

  • Szinte korlátlan számban végezhetsz változtatásokat minden egyes oldalon, azonban nem válogathatsz túl sok globális (honlap-szintű) stílusból, hacsak nem fizetsz elő a prémium csomagra. Ez nehézkessé teheti az ingyenes felhasználók számára egy konzisztens megjelenés kivitelezését.
  • Legyen akármilyen gyors és lenyűgöző, a szerkesztő időnként egy kicsit bugos tud lenni. Ha megakadna, szükség lehet egy kemény újratöltésre, vagy kilépés után újra belépni a szerkesztőbe.

Elementor Free vs. Pro: Melyik lehet a legjobb számodra?

Elementor Pro plans

Mit kínál az ingyenes konstrukció

Az Elementor funkciógazdag ingyenes csomagjával tűnik ki. Számos magán vagy akár üzleti weboldalhoz is több mint elegendő lehet az ingyenes verzió. Személyre szabott honlapokat és oldalakat készíthetsz vele, ellátva az összes alapvető funkcióval, és a különleges dizájn funkciók többségét is használhatod.

Az Elementor ingyenes verziója tartalmaz:

  • Teljes egészében használható weboldalépítő platformot, beleértve a live design (élő dizájn), mobil szerkesztő, verzióelőzmény, és egyéb funkciókat.
  • 30+ widgetet képekhez, szövegdobozokhoz, térképekhez, audiofájlokhoz, és egyebekhez
  • 40+ Oldal sablont (beleértve jogdíjmentes stock fotókat)
  • 100+ Blokk sablont GYIK-ekhez, funkciókhoz, ajánlásokhoz, “a csapatról” szekcióhoz, és még sok máshoz

Mire számíthatsz, ha fizetsz is érte

Az Elementor Pronak három fizetős csomagja elérhető. Az egyetlen különbség a Personal, Plus, és az Expert csomagok között a licencelt honlapok számában áll.

Íme néhány a legvonzóbb Elementor Pro funkciók közül:

  • 300+ prémium sablon
  • 100+ prémium Blokk sablon
  • Globális widgetek – ugyanazt a widgetet a honlapod több oldalán is felhasználhatod. Ha változtatásokat kell végezned a widgeteden, mindössze annyit kell tenned, hogy egyszer elvégzed a változtatást. A frissítés automatikusan végbemegy az összes oldalon.
  • Elementor Theme Builder (Témakészítő) – teljesen új saját témát készíthetsz az Elementor lábléc, fejléc és egyéb sablonjainak segítségével.
  • WooCommerce készítő – lehetővé teszi egy online shop hozzáadását 18 WooCommerce widgettel.
  • Front-end űrlapkészítő és felugró üzenet készítő, beleértve a MailChimp integrációját.
  • Hozzáférés a honlapod CSS kódjához
  • 24/7 Prémium ügyfélszolgálat – elsőbbségi segítséget kapsz a probléma bejelentő jegyekhez, és engedélyt adhatsz az Elementor képviselőinek az irányítópultodba való bejelentkezésre, így megkönnyítve a a problémák megoldását.

Ha több vállalkozásod is van, vagy ügyfelek számára készítesz weboldalakat, a Plus csomagra való előfizetéssel három weboldalhoz szerezhetsz licencet. Az Expert csomaggal pedig egyenesen fantasztikus értékű szolgáltatást kapsz a pénzedért. Kétszeresébe kerül a Plus csomagnak, az éves díj azonban így is egészen jutányos – és akár 1,000 honlaphoz kapsz licencjogot.

Mindegyik fizetős csomag egy 30 napos pénzvisszatérítési garanciával érkezik.

Tehát felér az Elementor a hírnevéhez?

A rövid válasz? Igen. Ha teljes kontrollt szeretnél gyakorolni a WordPress honlapod megjelenése felett, a nélkül, hogy fejest kéne ugranod a kódolás világába, ez a megfelelő plugin számodra. Még ha meg is van hozzá a technikai tudásod, hogy mindent megoldj magadnak kódolás útján, az Elementor olyannyira egyszerűvé és intuitívvá teszi a tervezést, hogy tényleg nincs rá ok, hogy ehhez folyamodj.

Bár az Elementor lehetővé teszi, hogy szinte mindent használhass az ingyenes csomaggal is, ha ügyfelek számára készítesz honlapokat, akkor a weboldalada vállalkozásod legfőbb forrása, így ez esetben javaslom az előfizetést a pro csomagok egyikére. A lehetőség, hogy megalkothatod a saját témádat, és a globális widget funkció megéri a viszonylag kis összegű befektetést.

Az Elementor egy ingyenes honlapkészítő?
Az Elementor ingyenes csomagja nagyszerű értéket kínál, amely kiterjedt funkciókészlettel van felszerelve egy weboldal felépítéséhez. Akár egyéni, akár üzleti célokra tervezed felhasználni, az ingyenes verzió több mint elegendőnek fog bizonyulni. Sablonok és widgetek széles választéka áll rendelkezésedre, és a weboldalkészítő összes funkcióját használhatod, beleértve a verzióelőzményeket, mobilszerkesztőt, és így tovább. Az Elementor sablonok ingyenesek?
Ha az ingyenes csomagot használod, több mint 40 ingyenes, teljes weblap sablon közül választhatsz, beleértve jogdíjmentes stock fotókat, és több mint 100 ingyenes Blokk sablont a weboldalad különálló szekcióihoz, például ajánlólevelekhez, GYIK-ekhez, ártáblázatokhoz, portfóliókhoz, stb. Ha úgy határozol, hogy előfizetsz az Elementor valamelyik fizetős csomagjára, több mint 300 prémium weboldal sablonhoz, és több mint 100 Blokk sablonhoz kapsz hozzáférést. Abban az esetben, ha több vállalkozásod is van, talán az a legjobb, ha rendelkezel előfizetéssel, viszont spórolhatsz az éves WordPress előfizetésed árán, ha felhasználsz egyet aktuális kedvezményeink vagy kuponjaink közül. Feltölthetem a saját sablonjaimat az Elementorra?
Azon kívül, hogy kész sablonokat kínál, az Elementor lehetővé teszi, hogy  nulláról összeállítsd a saját témádat. Ez különösen hasznos, ha ugyanazokat az elemeket szeretnéd felhasználni a weboldalad különböző oldalain. A sablonodat elmentheted a My Templates (Saját sablonok) lapfül alatt, és exportálhatod őket más WordPress honlapokhoz való felhasználásra, ami meglehetősen kényelmes, ha ügyfelek számára készítesz weboldalakat. Az Elementor az összes WordPress témával is működik, feltéve, hogy van 5.0-ás vagy ennél frissebb WordPress verziód, ami azt jelenti, hogy megtarthatod az aktuális WordPress témádat, ha szeretnéd. Pro Tipp: Ha azt szeretnéd, hogy a weboldalad tényleg kitűnjön a többi közül, fogadj fel egy dizájnert Fiverr-en akár mindössze 1500 Forintért. Az Elementor a legjobb weboldalkészítő?
Az Elementor egy drag-and-drop weboldalkészítő, amely bőséges flexibilitást biztosít honlaptervezésben, egy ingyenes csomaggal. Kiváló opció WordPress felhasználóknak, akik nem rajonganak a WordPress saját szerkesztőjéért. Azonban ha nincs WordPress előfizetésed, és nem vagy benne biztos, hogy akarsz-e egyet, megnézhetsz magadnak weboldal készítési opciókat drag-and-drop adottságokkal, amelyek szintén rendelkeznek ingyenes csomagokkal. Ezek közül néhány előkelő helyet ért el legjobb weboldalkészítők 2021-ben listánkon, szóval mindenképp vess rá egy pillantást.

Értékelje ezt a cikket
4.9 9 felhasználó szavazott
Ön már szavazott! Visszavonás
Szükség van a mező kitöltésére Maximal length of comment is equal 80000 chars A komment minimális hossza 10 karakter

Hozzá szeretne szólni?

Reagálás a véleményre
Nézze meg %s válaszait!
View %s reply

Kapcsolódó bejegyzések

Több kapcsolódó bejegyzés mutatása

Minden felhasználói kommentet ellenőrzünk 48 órán belül, hogy Önhöz hasonló valós személyektől származnak-e. Örülünk, hogy hasznosnak találta a cikket - értékelnénk, ha még több emberrel osztaná meg.

Ossza meg a blog bejegyzést barátaival és munkatársaival most:

Biztosak vagyunk benne, hogy hasznos lesz másoknak. Munkatársaink leellenőrzik a véleményt, és ha megfelelő, 48 órán belül jóváhagyják azt.

Havonta egyszer érdekes és hasznos tippeket, ötleteket és tanácsokat fog kapni arról, hogy hogyan javíthatja weboldala teljesítményét és valósíthatja meg digitális marketing céljait.

Nagyon örülünk, hogy lájkolta ezt!

Ossza meg barátaival!

1902666
100
5000
86233