Sadržaj
Što je Elementor?
Elementor je besplatni dodatak za izradu web stranica u WordPressu. U osnovi, omogućuje vam tzv. drag-and-drop opciju kojom možete povlačiti i ispuštati elemente gdje vam odgovara, zbog čega sam radni proces sliči onome koji dobivate kod popularnih servisa za izradu web stranica, kao što su Wix ili Squarespace.
Možete odabrati gotov predložak ili izraditi vlastitu web stranicu bogatu značajkama s elementima koje možete postaviti gdje god želite – ne trebate znati apsolutno ništa o kodiranju.
Jednom kada instalirate Elementor:- Možete kreirati nove stranice ili novu objavu bilo kakvog izgleda ili funkcionalnošću koja vam je potrebna. Niste ograničeni na ono što nudi vaša trenutna WordPress tema.
- Možete zadržati svoju trenutnu temu, jer je Elementor kompatibilan sa svim WordPress temama (pod uvjetom da imate 5.0 ili noviju verziju WordPressa).
- Dobit ćete potpuno zaseban (i puno intuitivniji) editor za rad. Nećete morati koristiti WordPressovo sučelje za izvorno uređivanje.
- Možete pri uređivanju stranica ili homepagea vidjeti točno ono što vaši posjetitelji vide – nema potrebe za stalnim spremanjem skica i naknadnih pregleda i otvaranja milijun tabova.
300+ predložaka
Kao profesionalni dizajner odobravam Elementorove predloške! Čak i ako nemate “oko” za dizajn, olakšavaju vam izradu lijepih i profesionalnih web stranica. Postoje dvije vrste predloška: kompletni predlošci za cijelu stranicu (zvani Pages) i manji, pojedinačni elementi (zvani Blocks).Koristite opciju Pages
Najlakši način za početak rada s Elementorom je korištenje unaprijed dizajniranog predloška za cijelu stranicu. Elementor ima 150+ takvih predložaka, a oko 40 ih je dostupno besplatno. (Na žalost, ne možete filtrirati prema “besplatno” (free), već morate ručno provjeriti ima li malu oznaku “Pro” u kutu svakog predloška.)
Da biste kreirali više skladnih stranica različitog izgleda, možete odabrati “Pages” unutar iste kategorije. Elementor ih naziva “Kits”, ali ne postoji način za pretraživanje “kompleta” u stvarnoj ponudi kategorija. Umjesto toga, potražite predloške koji završavaju istim nazivom, poput Travel ili Digital agency. Na primjer, Travel ima sedam stranica koje sve izgledaju izvrsno, uključujući stranice O nama (About page), Galerija i FAQ.Za još veću raznolikost možete dodati i predloške od nezavisnih dizajnera poput ThemeForest. Ako želite potpunu kontrolu nad svojim dizajnom, ne morate ni koristiti predložak – svoju stranicu možete izraditi od nule.
Savjet: Prema zadanim postavkama, predlošci Elementora postavljaju se u tijelo stranice (body), što znači da će zaglavlje, podnožje i elementi bočne trake teme i dalje biti vidljivi. Ovisno o vašoj temi i određenom predlošku koji koristite, ova kombinacija može izgledati prilično čudno.
Da biste uklonili ove elemente i započeli s praznim listom, idite na Postavke i postavite postavku Izgled stranice na “Elementor Canvas.”
![Setting up a Blank Canvas page template on Elementor]()
Koristite blokove
Uz kompletne stranice, možete koristiti predloške za manje pojedinačne elemente zvane Blocks. Elementor ima više od 200 gotovih blokova za izradu tablice cijena, recenzije korisnika, “Upoznajte tim” opciju, portfolio i još mnogo toga.
Kao i predlošci, neki su blokovi sadržaja besplatni, dok se “Pro” blokovi plaćaju.
Savjet: Ako planirate ponovno koristiti iste elemente na različitim stranicama, možete napraviti i vlastite predloške:
![Opening a saved template on Elementor]()
Također možete skinuti predloške i koristiti ih na drugim WordPress web stranicama što je posebno korisno ako se bavite izradom web stranica za klijente.
Također možete skinuti predloške i koristiti ih na drugim WordPress web stranicama što je posebno korisno ako se bavite izradom web stranica za klijente.
Povlačenje widgeta
Za razliku od blokova, widgeti su manji, sadržaniji elementi poput teksta, slika, naslova i kartica. Možete povući onoliko widgeta koliko želite na bilo koju stranicu.
Elementor nudi 30 widgeta koji se mogu besplatno koristiti (i 50+ više koji se plaćaju), a s iste alatne trake s lijeve strane također možete dodati i WordPressove matične widgete. Ovisno o tome koliko je vaša WordPress tema fleksibilna, možda ćete moći postići izgled i funkcionalnost koju želite koristeći samo besplatne widgete od Elementora i WordPressa.
Koristite opciju povlačenja i ispuštanja
Nakon što odaberete predložak i dodate sve blokove sadržaja i widgete koje želite, pomoću uređivača možete kliknuti bilo koji element na stranici i ručno ga dodati/urediti. Budući da je Elementor WYSIWYG alat (ono što vidiš, to i dobiješ), nećete morati klikati na gumb za pregled ili promijeniti način rada da biste vidjeli svoja uređivanja. Promjene ćete vidjeti odmah dok ih unosite, ali one neće biti vidljive posjetiteljima vaše web stranice dok ne kliknete gumb objavi (Publish). Savjet: Ako izrađujete ili ažurirate web stranicu, ugrađeni način održavanja Elementora omogućuje vam prikaz privremene stranice i postavljanje ispravnog HTTP koda umjesto vas. Ovoj opciji možete pristupiti s WordPressove nadzorne ploče.
Dok ste u načinu ažuriranja, nećete morati brinuti hoćete li slučajno nešto objaviti prije nego što sve bude spremno. Možete odabrati jedan od 10+ predložaka Elementora za svoju privremenu stranicu dok ne budete sigurni s tim da je potpuno dobra za puštanje “u javnost”.
Tijekom uređivanja možete upotrijebiti lijevu alatnu traku za dodatnu prilagodbu boja, fonta, razmaka, izgleda i još mnogo toga:
Jedna od meni najdražih stvari u Elementorovom uređivaču i opciji povlačenja i ispuštanja je da vam pruža vrlo stabilnu kontrolu nad svakim pojedinačnim elementom. Možete prilagoditi gotovo svaki detalj blokova – od sadržaja, widgeta, teksta, slika, stupaca do razdjelnika sadržaja vaše web lokacije.
Također obratite pažnju i na karticu s naprednim funkcijama (prikazane u nastavku) za neke zaista zanimljive opcije:- Postavite točne margine po pikselu ili postotku
- Elementima dodajte prilagođenu širinu i postavite fiksne položaje stranica
- Postavite widgete, tekst ili slike unutar stupaca
- Prilagodite širinu i razmak između stupaca
- Dodajte napredne efekte kretanja i lebdenja
Evo još nekoliko posebno korisnih značajki:- Kada desnom tipkom miša kliknete u gornji desni kut bilo kojeg elementa, vidjet ćete sve mogućnosti uređivanja
- Blokove sadržaja možete duplicirati jednim klikom
- Lako je poništiti/ponoviti promjene Ctrl+Z i Shift+Ctrl+Z (ili Cmd+Z i Shift+Cmd+Z na Mac uređajima)
Savjet: Ako radite na vrlo dugoj ili složenoj stranici (posebno onoj koja ima elemente unutar elemenata u elementima), možda će vam biti teško pronaći određene dijelove koje želite urediti ili čak razumjeti kako višeslojni elementi funkcioniraju.
Značajka Navigator uskoro će postati vaš novi najbolji prijatelj. Samo kliknite desnom tipkom miša na bilo koji element i odaberite ga. Ova opcija će pronaći element na koji ste upravo kliknuli unutar konteksta cijele web stranice i automatski povući u traku za uređivanje.
![Elementor's Navigation feature helps you find the editing bar of each element you wish to edit]()
Izmijenite mobilnu verziju svoje web stranice
Iako su svi Elementor predlošci prema zadanim postavkama prilagođeni mobilnim uređajima, Elementor vam pruža kontrolu nad dizajnom. Pomoću značajke Mobile Editing možete izgled web stranice dodatno prilagoditi mobitelima i tabletima. Možete promijeniti postavke da biste prikazali ili sakrili elemente, promijenili redoslijed i postavke stupaca i margine na temelju veličine zaslona. Možete čak postaviti različite veličine fontova za različite uređaje kako biste osigurali da tekst na vašoj web stranici uvijek bude lako čitljiv.
Upozorenje: ako radite web stranicu u potpunosti ispočetka, bez upotrebe predloška, neće odgovarati mobilnim uređajima, ali Mobile Editing značajka kreirat će zasebnu mobilnu verziju.
Savjet: Ne morate biti u uređivaču za mobilne uređaje da biste mijenjali mobilne verzije svoje web stranice. U uobičajenom uređivaču kliknite karticu s naprednim sadržajem bilo kojeg elementa da biste taj element sakrili ili prikazali na drugom.
![Editing your site's mobile version from the Advanced tab in Elementor]()
Izrada stranica bez pritiska: prikaz povijesti verzija
Ponekad jedan, dva ili čak tri poništavanja nisu dovoljni da napravite dizajnersku katastrofu.To je ok, događa se i najboljima! Tu dolazi opcija prikaza povijesti verzija. Na ovoj ploči možete pregledati pojedinačne promjene na kartici radnje ili čitave verzije spremljenih stranica, samo kliknite karticu Revizija (Revision), a zatim gumb Vrati (Undo) da biste vratili stariju verziju stranice.
U kombinaciji s Elementorovim automatskim spremanjem, ova značajka osigurava da se vaš naporan rad nikada nepovratno ne izgubi.
Nitko nije savršen: Nedostaci Elementora
Do sada ste već shvatili da volim koristiti Elementor. No, još uvijek morate biti svjesni da ima nekoliko nedostataka:- Možete napraviti gotovo neograničene promjene na svakoj stranici, ali ne možete postaviti mnoge globalne (na cijeloj web stranici), recimo stilove bez pretplate na premium plan. Ovo je besplatnim korisnicima nemoguće, pogotovo postizanje dosljednog izgleda na stranicama.
- Iako je brz i odličan, sučelje za uređivanje ponekad zna biti malo problematično. Ako zablokira, možda ćete ga trebati osvježiti ili izaći i ponovo ući u uređivač.
Elementor Free vs. Pro: Koja je najbolja opcija za vas?
Što ćete dobiti besplatno
Elementor se ističe svojim besplatnim planom gdje nude mnoštvo besplatnih značajki. Za mnoge privatne, pa čak i poslovne web stranice, besplatna verzija je i više nego dovoljna. Možete izraditi prilagođene web stranice i stranice sa svim osnovnim funkcijama pri čemu imate mogućnost koristiti većinu elegantnih značajki dizajna. Besplatna verzija Elementora uključuje:- Potpunu upotrebu platforme, uključujući live dizajn, uređivanje za mobilne uređaje, povijest verzija, itd.
- 30+ widgeta za slike, okvire za tekst, mape, audio datoteke i još mnogo toga
- Više od 40 predložaka stranica (uključujući besplatne fotografije)
- 100+ predložaka blokova za često postavljana pitanja, značajke, recenzije, “upoznajte tim” i mnoge druge
Što ćete dobiti ako platite
Za Elementor Pro dostupna su tri premium plana. Jedina razlika između Personal, Plus i Expert planova je broj web stranica za koje ste licencirani. Evo nekoliko najatraktivnijih karakteristika Elementor Pro:- 300+ premium predložaka.
- 100+ premium blok predložaka.
- Globalni widgeti – isti widget možete koristiti na više stranica na svojoj web stranici. Ako trebate izmijeniti svoj widget, sve što trebate učiniti je urediti ga jednom. Automatski će se ažurirati na svim stranicama.
- Elementor Theme Builder – možete kreirati vlastitu temu ispočetka pomoću Elementorovih predložaka za podnožja, zaglavlja i još mnogo toga.
- WooCommerce Builder – omogućuje vam dodavanje online trgovine s 18 WooCommerce dodataka.
- Izrada homepagea i pop-up prozora, uključujući integraciju s MailChimp.
- Pristup CSS kodu vaše web stranice.
- 24/7 premium korisnička podrška – dobivate prioritetnu podršku putem slanja obrasca na stranici za pomoć i da se Elementorovi agenti prijave na vašu nadzornu ploču radi rješavanja problema.
Dakle, opravdava li Elementor sve priče?
Ukratko? Da, opravdava. Ako želite potpunu kontrolu nad izgledom svoje WordPress web stranice, a da ne morate zaranjati u njezin kôd, Elementor je odličan izbor za vas. Čak i ako imate znanje i možete sve sami kodirati, Elementor čini cijeli proces izrade web stranice tako jednostavnim i intuitivnim da zapravo nema razloga da ga ne koristite. Iako vam Elementor omogućuje skoro sve na svom besplatnom planu, ako radite web stranice za klijente ili je vaša web stranica glavna platforma vašeg poslovanja, preporučujem nadogradnju na jedan od profesionalnih planova. Sposobnost izrade vlastite teme i značajka korištenja globalnih widgeta čine ga vrijednim relativno niskog ulaganja.Česta pitanja
Je li Elementor besplatan?
Elementor nudi odličnu vrijednost na svom besplatnom planu koji dolazi s opsežnim nizom značajki koje će vam pomoći u izradi web stranica. Ako ga planirate koristiti u osobne, pa čak i poslovne svrhe, besplatna verzija mogla bi biti više nego dovoljna. Na raspolaganju ćete imati solidan izbor predložaka i widgeta, a moći ćete u potpunosti koristiti servis za izradu web stranica sa svim njegovim funkcijama, uključujući pregled povijesti verzija, uređivanje za mobilne uređaje itd.Jesu li Elementor predlošci besplatni?
Ako ste na besplatnom planu, moći ćete birati između preko 40 besplatnih predložaka za kompletne stranice, uključujući fotografije bez naknada za licnece, i preko 100 besplatnih predložaka blokova za pojedine elemente vaše web stranice, kao što su recenzije, česta pitanja, tablice cijena, portfolio i više.Ako se odlučite pretplatiti na jedan od plaćenih planova Elementora, dobit ćete pristup više od 300 premium predložaka i više od 100 premium predložaka blokova. Imati plaćenu pretplatu možda je najbolje ako imate nekoliko tvrtki, ali možete smanjiti troškove tako što ćete odabrati godišnju pretplatu na WordPress koristeći jedan od naših trenutno aktivnih popusta ili kupona.
