Želite li otkriti i razumjeti kako izgleda Elementorovo sučelje? Ovaj vodič je za vas.
Dizajniranje web stranice profesionalnog izgleda nije bilo nešto što je svatko mogao, pogotovo jer smo svi imali dojam da apsolutno moraš biti profesionalac u kodiranju i web dizajnu.
Danas svjedočimo pojavljivanju novih alata za WordPress ekosustav kako bi se pružilo sve jednostavnije rješenje za dizajniranje web stranice, čak i za potpune početnike.
Što se tiče dizajna WordPress izgleda, dodatak smo već morali predati Visual Skladatelj, koji je zasigurno jedan od najboljih alata kada je u pitanju dizajn izgleda.
Međutim, treba napomenuti da ovo rješenje nije prikladno za svakoga. Zato ćemo vas u ovom vodiču upoznati s Elementor WordPress dodatkom, koji je freemium WordPress dodatak (besplatan, ali proširiv uz pretplatu).
Sadržaj
Gdje nabaviti Elementor za WordPress
Ozbiljno razmatramo da vam otkrijemo potencijal dodatka, a besplatno rješenje pomoći će vam da započnete bez plaćanja novčića. Ovo besplatno rješenje dostupno je na WordPress.org. Budući da je WordPress dodatak, instalira se kao i svaki drugi. dodatak s nadzorne ploče.
Ako dodatak uspije u potpunosti vas zadovoljiti, moći ćete dobiti potpunu licencu sa svim funkcionalnostima na web mjestu službeni Elementor.
Glavne značajke Elementora
Elementor je jedan od najpopularnijih alata za izradu stranica za WordPress, i to s dobrim razlogom. Svojim robusnim značajkama i intuitivnim sučeljem nudi moćno rješenje za izradu profesionalnih web stranica bez potrebe za ikakvim vještinama kodiranja. Evo pregleda ključnih značajki Elementora koje ga čine nezamjenjivim za svakog WordPress korisnika:
Povucite i ispustite vizualni uređivač : Elementor nudi intuitivni vizualni uređivač koji vam omogućuje dizajn stranica povlačenjem i ispuštanjem elemenata. Možete vidjeti promjene u stvarnom vremenu, što olakšava personalizaciju vaše web stranice.
Bogati widgeti S širokim rasponom dostupnih widgeta, Elementor vam omogućuje dodavanje raznih elemenata na vaše stranice, kao što su gumbi, galerije, vrtuljci, obrasci i drugo. Pro verzija proširuje ovu funkcionalnost naprednim widgetima poput kontaktnih obrazaca, klizača i portfelja.
Predefinirani predlošci : Elementor nudi biblioteku unaprijed napravljenih predložaka koji se mogu koristiti kao početna točka za vaše stranice. Ovi predlošci pokrivaju različite stilove i potrebe, olakšavajući stvaranje estetski ugodnih i funkcionalnih stranica.
Uređivač tema Pomoću Elementor Pro-a možete prilagoditi ne samo sadržaj stranice, već i zaglavlja, podnožja i druge globalne dijelove svoje web-lokacije pomoću ugrađenog uređivača tema. To vam omogućuje stvaranje vizualne konzistentnosti na cijeloj web-lokaciji.
Izrada predložaka postova : Značajka za izradu predložaka posta omogućuje vam da dizajnirate izglede za određene vrste postova, poput postova na blogu ili WooCommerce proizvoda. Ova je opcija osobito korisna za stvaranje dosljednih dizajna za različite vrste sadržaja.
Graditelj skočnih prozora Elementor Pro uključuje alat za izradu skočnih prozora koji vam omogućuje izradu prilagođenih skočnih prozora za oglase, obrasce za prijavu ili druge interakcije posjetitelja. Možete definirati uvjete prikaza kako biste precizno ciljali svoju publiku.
Napredne kontrole izgleda Elementor nudi napredne kontrole za tipografiju, margine, razmak i responzivni raspored. Možete prilagoditi prezentaciju svoje web-lokacije za različite vrste uređaja, osiguravajući optimalno korisničko iskustvo na mobilnim uređajima, tabletima i stolnim računalima.
Podrška i dokumentacija Elementor pruža sveobuhvatnu podršku, uključujući detaljnu dokumentaciju, online tutorijale i aktivnu zajednicu. Korisnici Pro verzije imaju koristi od izravne premium podrške, što osigurava brzu i učinkovitu pomoć u rješavanju bilo kakvih problema.
Proširenja i integracije Elementor je kompatibilan s raznim proširenjima i integracijama, što vam omogućuje dodavanje dodatnih funkcionalnosti vašoj web stranici. Bez obzira želite li integrirati marketinške alate, SEO dodatke ili rješenja za e-trgovinu, Elementor olakšava proširenje mogućnosti vaše web stranice.
Evo tablice koja prikazuje sažetak značajki Elementora.
| značajke | Besplatno Elementor | Elementor Pro |
| Povucite i ispustite uređivač stranica | oui | oui |
| Unaprijed definirani predlošci | oui | oui |
| Osnovni widgeti | oui | oui |
| Widgeti Pro | Ne | oui |
| Uređivač zaglavlja i podnožja | Ne | oui |
| Izrada predložaka za objave | Ne | oui |
| Izrada WooCommerce predložaka | Ne | oui |
| Graditelj skočnih prozora | Ne | oui |
| Podrška za widgete treće strane | Ne | oui |
| Tehnička podrška | Ne | oui |
| Marketinške značajke (Obrasci | Ne | oui |
| Pristup biblioteci premium predložaka | Ne | oui |
| Napredni efekti i animacije | Ne | oui |
| Alati za pregled i sigurnosno kopiranje | Ne | oui |
| Izrada obrazaca | Ne | oui |
| Napredna kontrola tipografije | Ne | oui |
| Responzivna kontrola izgleda | Ne | oui |
| Pristup redovitim ažuriranjima | oui | oui |
Imajte na umu da ovo nije iscrpan popis različitih značajki koje nudi dodatak. Više detalja možete pronaći u istražujući njihovu web stranicu.
Započnite s Elementorom
Početak rada s Elementorom je brz i jednostavan, čak i ako ste novi u izradi WordPress stranica. Slijedite ove korake kako biste postavili Elementor i počeli dizajnirati svoje stranice kao profesionalac.
Ovdje nećemo obraditi cijeli postupak instalacije. Budući da se radi o WordPress dodatku, postupak instalacije već je objašnjen u [prethodni odjeljak/link]. prethodni udžbenik.
Instaliranje Elementora
- Pristupite nadzornoj ploči WordPressa: Prijavite se u svoju administratorsku ploču WordPressa.
- Idite na proširenja: Idite na "Proširenja" i zatim kliknite na "Dodaj".
- Traži Elementor: Upišite "Elementor" u traku za pretraživanje. Pronaći ćete Elementor (besplatna verzija). Za početak instalirajte i aktivirajte besplatnu verziju.
- Instaliraj Elementor: Kliknite na "Instaliraj sada", a zatim na "Aktiviraj" nakon što je instalacija dovršena.
Međutim, nakon instalacije, pristupit ćete početnoj stranici dodatka.
Ako vidite ovu stranicu na svom zaslonu, ispravno ste instalirali Elementor dodatak. Trenutno koristimo punu verziju za ovaj tutorial, ali sučelje se ne bi trebalo previše razlikovati od besplatne verzije.
Prije nego što prijeđete na sučelje za uređivanje, zamoliću vas da registrirate svoju licencu. To se odnosi samo na one koji su se odlučili za Pro verziju.
Ako imate besplatnu verziju, možete pristupiti sljedećem odjeljku. Da biste registrirali svoju licencu, primijetit ćete obavijest na WordPressu koja će od vas tražiti da registrirate svoju licencu.
Dakle, samo kliknite Nadograditi sada za pristup stranici za registraciju i kliknite na Aktivirati.
Obično ćete vidjeti svoju stranicu potvrde ako je vaša licenca Aktivan.
Ako ne možete pristupiti ovoj stranici, preporučujem vam da se obratite programerima dodatka za više informacija. pomoć s problemom.
Elementor sučelje
Elementorovo sučelje dizajnirano je kako bi ponudilo glatko i intuitivno korisničko iskustvo, što olakšava izradu i prilagodbu vaših WordPress stranica. Evo detaljnog pregleda glavnih dijelova Elementorovog sučelja, zajedno s vizualnim primjerima koji će vam pomoći da bolje razumijete svaki element.
Radno područje (područje sadržaja)
La Radna zonaIli područje sadržajaIzgled je središnje područje gdje gradite i pregledavate svoju stranicu. Ovdje dodajete i uređujete widgete i odjeljke. Izgled se prikazuje u stvarnom vremenu, što vam omogućuje da vidite promjene čim se dogode.
Ploča Widgeti
Le ploča widgeta nalazi se na lijevoj strani sučelja. Sadrži razne elemente koje možete povući i ispustiti na radni prostor. Widgeti su organizirani u kategorije, kao što su "Općenito", "Osnovno", "Izgled" itd., kako bi se olakšalo pronalaženje i dodavanje elemenata na vašu stranicu.
Grupe widgeta Elementora
Grupe widgeta Elementora su grupe funkcionalnih blokova koje nudi Elementor. Broj odjeljaka ovisi o tome koristite li punu verziju i koristite li WooCommerceYoast SEO ili drugi kompatibilni dodaci.
Ovisno o ovim uvjetima, imat ćete više ili manje odjeljaka na vašem sučelju. Budući da koristimo punu verziju s uključenim WooCommerce dodatkom, ovako izgleda naše sučelje.
Gornja alatna traka
La gornja alatna traka uključuje bitne opcije kao što su:
- Logo: Prikazuje značajke kao što su: alat za izradu tema, povijest, postavke računa, tipkovničke prečace itd. u izborniku.
- Gumb za dodavanje stavki: Omogućuje vam prikaz panela widgeta koji će se umetnuti na stranice
- Gumb za postavke web mjesta: Prikazuje mnoge globalne postavke opcija web mjesta
- Gumb Struktura: To vam omogućuje da vidite cjelokupnu strukturu svoje stranice i lako se njome krećete. Ako vaša stranica ima nekoliko ugniježđenih odjeljaka, ova će vam značajka biti vrlo korisna.
- Naslov stranice/članak: Prikazuje naslov stranice ili članka kao i njegov status (nacrt, objavljeno itd.)
- Mobilni navigacijski izbornik Omogućuje vam prebacivanje između prikaza na računalu, tabletu i mobilnom uređaju. To je ključno kako biste osigurali da je vaš dizajn responzivan i prilagođen svim vrstama uređaja.
- Postavke stranice : Pristupa postavkama stranice, uključujući opcije izgleda i postavke stila.
- Objavi/ažuriraj : Sprema i objavljuje promjene napravljene na stranici.
- Pregled : Simbolizirano okom i omogućuje vam da vidite kako se vaša stranica ponaša u stvarnoj situaciji.
S lijeve strane pronaći ćete razne widgete koje nudi dodatak, a s desne strane vidjet ćete pregled promjena u stvarnom vremenu. U ovom tutorialu koristimo besplatnu temu Hello od Elementora.
Kako koristiti Elementor
Izrada vaše prve stranice
Elementor radi na WordPress stranicama i objavama. Bez obzira koristite li klasično sučelje ili novo Gutenberg sučelje, vidjet ćete gumb koji vas potiče da koristite Elementor alat za izradu sadržaja.
- Napravi novu stranicu: Idite na "Stranice" i kliknite "Dodaj".
- Imenujte svoju stranicu: Naslovite svoju stranicu i objavite je.
- Uredite pomoću Elementora: Kliknite gumb "Uredi s Elementorom" za pokretanje vizualnog uređivača Elementora.
U praksi nećete uvijek morati uređivati svoje članke pomoću Elementora. Stoga preporučujem korištenje dodatka samo na stranicama.
Klikom na gumb pristupit ćete Elementorovom dizajnerskom sučelju koje daje poznati izgled (za one koji koriste WordPress Customizer).
Kako dodati widgete u Elementor editor
Povucite widgete kao što su naslovi, slike, gumbi i drugo s lijeve ploče u područje sadržaja. Postavke svakog widgeta možete prilagoditi klikom na njega.
Prilagodite widgete: Kliknite na widget da biste otvorili njegove mogućnosti prilagodbe. Možete prilagoditi tekst, slike, boje, veličine i još mnogo toga.
Koristite predloške: Za ubrzanje procesa koristite unaprijed dizajnirane predloške. Kliknite ikonu mape za pristup biblioteci predložaka, gdje možete odabrati predložak i uvesti ga jednim klikom.
Praktični slučajevi
Kako postaviti blok Elementor
Nakon što proširite odjeljak, pronaći ćete Elementor widgete. Različiti Elementor widgeti postavljaju se povlačenjem i ispuštanjem u područje označeno isprekidanim linijama.
Kako odabrati izgled sekcije u Elementoru
Prije dodavanja Elementor widgeta, trebali biste razmisliti o odabiru izgleda klikom na gumb "+" na označenom dijelu.
Ovisno o vašim potrebama, odabrat ćete izgled koji vam najviše odgovara.
Nakon što odaberete raspored, vidjet ćete prikaz tog odjeljka u istom označenom području. Ovaj odjeljak će prikazati isti broj stupaca kao i vaš odabir. U mom slučaju, odabrao sam jedan stupac s dva stupca.
Različiti stupci sa znakom "+" unutra su područja koja mogu prihvatiti Elementor widgete.
Ako dodate Elementor blok bez prethodnog odabira izgleda, prema zadanim postavkama bit će odabran raspored s jednim stupcem.
Odjeljci elementora mogu se međusobno mijenjati, slijedeći isti princip kao i "Povucite i ispustite".
Također možete izbrisati odjeljak ako ga više ne želite koristiti.
Evo primjera odjeljka koji sadrži 2 bloka, i to naslovni blok i tekstualni blok.
Kako koristiti druge alate za dizajn
Nakon što završite s dizajnom, jedna od stvari koje trebate učiniti jest spremiti svoj rad. Ovu opciju pronaći ćete na samom dnu odjeljka koji prikazuje različite dijelove Elementora.
Možete birati između izravnog spremanja (Objavi) i spremanja kao nacrta ili kao predloška. Kasnije ćemo detaljnije istražiti ove različite mogućnosti.
Tijekom procesa dizajniranja, možda ćete htjeti pregledati promjene i bez dodatnog Elementor sučelja. Sve što trebate učiniti je kliknuti na ikonu oka u gornjoj traci Elementor editora.
Ponekad se dogodi da tijekom procesa dizajniranja dođe do pogreške (nenamjerne radnje).
U ovom slučaju, Elementor vam nudi povijest koja vam omogućuje navigaciju kroz sve vaše radnje.
Izbrišite radnje koje želite poništiti s popisa
To će vam omogućiti lako vraćanje unatrag.
Gumb "postavke" vam omogućuje izmjenu određenih opcija specifičnih za stranicu, kao što su naslov, istaknuta slika ili status, između ostalog.
Česta pitanja
Što je Elementor?
Elementor je alat za izradu stranica povuci i ispusti za WordPress, koji korisnicima omogućuje vizualni dizajn web stranica bez kodiranja. Nudi intuitivno sučelje s alatima za povlačenje i ispuštanje za dodavanje i prilagodbu elemenata na vašim stranicama.
Je li Elementor besplatan?
Elementor nudi besplatnu verziju s dovoljno osnovnih funkcija za izradu jednostavnih web stranica. Pro verzija, dostupna putem pretplate, nudi napredne značajke kao što su dodatni widgeti, premium predlošci i opsežne mogućnosti prilagodbe.
Koje su prednosti Pro verzije Elementora?
Elementor Pro nudi napredne widgete, profesionalne predloške, sofisticiranije opcije dizajna i mogućnost izrade prilagođenih zaglavlja, podnožja i arhiva. Također pruža poboljšanu integraciju s alatima trećih strana i marketinškim značajkama.
Kako mogu instalirati Elementor na svoju WordPress stranicu?
Za instalaciju Elementora, idite na WordPress nadzornu ploču, kliknite na "Dodaci", zatim "Dodaj novo". U polju za pretraživanje potražite "Elementor", zatim kliknite "Instaliraj sada" i na kraju "Aktiviraj". Elementor Pro možete instalirati i preuzimanjem ZIP datoteke s Elementorove web stranice i uvozom putem "Dodaci" > "Dodaj novo" > "Prenesi dodatak".
Kako koristiti Elementor za izradu stranice?
Nakon instaliranja Elementora, idite na stranicu ili objavu u svojoj WordPress nadzornoj ploči i kliknite "Uredi s Elementorom". Bit ćete preusmjereni na Elementor editor gdje možete povući i ispustiti widgete i odjeljke za dizajniranje svoje stranice. Pomoću panela s lijeve strane dodajte i prilagodite elemente stranice.
Je li Elementor kompatibilan sa svim WordPress temama?
Da, Elementor je dizajniran da bude kompatibilan s većinom WordPress tema. Međutim, za optimalnu integraciju preporučuje se korištenje tema posebno dizajniranih za Elementor, koje nude veću kompatibilnost i fleksibilnost.
Mogu li koristiti Elementor za izradu web stranice za e-trgovinu?
Da, Elementor je kompatibilan s WooCommerceom, što vam omogućuje izradu i prilagodbu stranica proizvoda, stranica trgovine i predložaka stranica za naplatu. Pro verzija nudi widgete specifične za WooCommerce kako bi poboljšali izgled vaše online trgovine.
Kako mogu pregledati promjene napravljene pomoću Elementora?
Promjene možete pregledati klikom na gumb "Pregled" u uređivaču Elementora. To vam omogućuje da vidite kako će vaša stranica izgledati prije objavljivanja promjena.
Nudi li Elementor tehničku podršku?
Da, Elementor nudi tehničku podršku putem foruma, baze znanja i sustava za prodaju zahtjeva za Pro korisnike. Također možete pristupiti detaljnim tutorijalima i vodičima na službenoj web stranici Elementora.
Mogu li koristiti proširenja trećih strana s Elementorom?
Da, Elementor je kompatibilan s mnogim ekstenzijama trećih strana koje dodaju dodatne značajke i widgete. Možete ih instalirati kao i obične WordPress dodatke kako biste proširili Elementorove mogućnosti.
Resursi slični ovom članku
- Kako stvoriti obrazac s Elementor besplatnoNabavite Elementor Pro sada!!!
- Kako stvoriti skočne prozore s Elementor
- Elementor Besplatno vs. Elementor Pro: Detaljna usporedba značajki
- Elementor : Kako promijeniti sliku jednim pritiskom na gumb
- Kako stvoriti izgled s Elementor
Zaključak
Elementor je moćno i svestrano rješenje za stvaranje iznimnih WordPress stranica bez potrebe za kodiranjem. Sa svojim intuitivnim sučeljem i robusnim značajkama, omogućuje početnicima i profesionalcima dizajn atraktivnih i funkcionalnih web stranica u tren oka.
Razumijevanjem glavnih dijelova Elementorovog sučelja moći ćete učinkovito navigirati uređivačem, optimalno koristiti widgete i prilagoditi svaki aspekt svojih stranica kako bi zadovoljio vaše specifične potrebe.
Les radna područja, widget pločeOvi alati su dizajnirani kako bi ponudili maksimalnu fleksibilnost uz održavanje jednostavnosti korištenja. Besprijekornom integracijom odjeljaka i stupaca te korištenjem opcija stila i izgleda, možete svoju viziju pretvoriti u stvarnost.
Ne zaboravite iskoristiti značajke pregleda u stvarnom vremenu kako biste osigurali da vaši dizajni izgledaju savršeno na svim uređajima. S Elementorom, svaki projekt postaje prilika za stvaranje prekrasne web stranice koja se zaista ističe.
Za više savjeta i tutorijala o korištenju Elementora, pretplatite se na naš blog i budite u tijeku s najnovijim vijestima i trikovima. Podijelite ovaj članak s drugim entuzijastima WordPressa i web dizajna kako biste im pomogli da otključaju puni potencijal Elementora.
Počnite istraživati beskrajne mogućnosti koje Elementor nudi već sada i pretvorite svoje ideje u očaravajući web dizajn!