Cum să creezi aspecte personalizate WordPress cu Elementor

Proiectarea propriilor aspecte personalizate ale paginilor în WordPress poate părea o provocare imensă. Mulți oameni se tem că crearea de designuri unice necesită abilități de codare. Acest lucru poate fi frustrant dacă doriți să personalizați aspectul site-ului dvs.

Din fericire, cu Elementor, nu trebuie să știți niciun cod. Elementor este un constructor de pagini WordPress drag-and-drop care face ca proiectarea aspectelor să fie ușoară și intuitivă. Chiar și începătorii pot crea pagini uimitoare cu doar câteva clicuri.

Ajutăm cititorii noștri să-și personalizeze site-urile web cu Elementor de ani de zile. Prin urmare, cunoaștem cele mai ușoare și mai eficiente moduri de a-l face să funcționeze pentru dvs.

În acest articol, vă vom ghida prin pașii pentru a crea layout-uri personalizate WordPress rapid și ușor cu Elementor.

De ce și când aveți nevoie de aspecte personalizate WordPress?

Multe teme WordPress gratuite și premium vin cu multiple opțiuni de layout pentru diferite tipuri de pagini. Cu toate acestea, uneori, niciunul dintre aceste layout-uri nu va îndeplini cerințele dvs.

Dacă știți să codificați în PHP, HTML și CSS, atunci puteți crea propriile șabloane de pagină sau chiar puteți construi o temă copil pentru site-ul dvs. Cu toate acestea, majoritatea utilizatorilor WordPress nu sunt dezvoltatori, așa că această opțiune nu funcționează pentru ei.

Deci, nu ar fi grozav dacă ați putea proiecta layout-uri de pagină folosind o interfață drag-and-drop?

Acesta este exact ceea ce face Elementor. Este un plugin de creare de pagini WordPress drag-and-drop care vă permite să creați cu ușurință propriile dvs. layout-uri personalizate WordPress, fără a avea nevoie de abilități de codare.

WordPress + Elementor este o combinație puternică ce oferă o interfață de utilizator intuitivă, permițându-vă să creați layout-uri personalizate cu o previzualizare live. Vine cu multe module gata de utilizat pentru tot felul de elemente de design web.

Elementor are mai multe șabloane proiectate profesional pe care le puteți încărca instantaneu și utiliza ca punct de plecare. Funcționează cu toate temele WordPress conforme standardelor și este compatibil cu toate pluginurile WordPress populare.

Pentru mai multe detalii, puteți consulta recenzia noastră completă despre Elementor.

Având în vedere acest lucru, vă vom arăta cum să creați layout-uri personalizate WordPress cu Elementor. Iată o prezentare generală rapidă a tuturor pașilor prin care vă vom ghida:

1. Introducere în Elementor
2. Crearea de layout-uri personalizate WordPress cu Elementor
3. Crearea propriilor șabloane în Elementor
4. Sfat bonus: Alternative la Elementor pentru crearea de layout-uri personalizate

Să începem!

Introducere în Elementor

Mai întâi, va trebui să achiziționați pluginul Elementor Pro. Este versiunea plătită a pluginului gratuit Elementor și vă oferă acces la funcționalități suplimentare și 1 an de suport.

Apoi, va trebui să instalați și să activați pluginul Elementor. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, trebuie să vizitați pagina Elementor » Setări pentru a configura setările pluginului.

Aici, puteți activa Elementor pentru diferite tipuri de postări. În mod implicit, este activat pentru postările și paginile dumneavoastră WordPress.

Dacă aveți tipuri de postări personalizate pe site-ul dvs., atunci acestea vor apărea și aici și le puteți activa, de asemenea.

Puteți exclude sau include roluri de utilizator care pot folosi Elementor la scrierea de postări sau pagini. Implicit, constructorul de pagini este activat doar pentru administratori.

Apoi, nu uitați să faceți clic pe butonul „Salvează modificările” pentru a salva setările.

Crearea de layout-uri personalizate WordPress cu Elementor

Mai întâi, trebuie să creați o pagină sau o postare nouă pe site-ul dvs. WordPress. Pe ecranul de editare a postării, veți observa noul buton „Editează cu Elementor”.

Apăsând pe el se va deschide interfața utilizatorului Elementor, unde puteți edita pagina dvs. folosind constructorul de pagini drag-and-drop al Elementor.

Puteți adăuga secțiuni și construi pagina dumneavoastră de la zero sau puteți alege un șablon.

Șabloanele vă oferă o modalitate rapidă și ușoară de a începe. Elementor vine cu mai multe șabloane proiectate profesional pe care le puteți personaliza oricât doriți.

Să începem cu un șablon făcând clic pe butonul „Adaugă șablon”.

Aceasta va deschide o fereastră pop-up unde puteți vedea diferitele șabloane disponibile. Ar trebui să căutați un șablon care este similar cu ceea ce doriți pentru layout-ul paginii dvs.

În exemplul nostru, ne uităm la șabloane de pagini 404.

Acum, trebuie să faceți clic pentru a selecta șablonul dorit și apoi să faceți clic pe butonul „Inserare” pentru a-l adăuga la pagina dvs.

Elementor va încărca acum șablonul pentru dumneavoastră.

Acum puteți începe să editați șablonul pentru a se potrivi nevoilor dumneavoastră. Pur și simplu indicați și faceți clic pe orice element pentru a-l selecta, iar Elementor vă va afișa setările în coloana din stânga.

Cum funcționează layout-urile Elementor

Acum, să vorbim despre cum funcționează aspectele Elementor.

Aspectele Elementor sunt construite folosind secțiuni, coloane și widget-uri. Secțiunile sunt ca niște rânduri sau blocuri pe care le plasați pe pagina dvs.

Fiecare secțiune poate avea mai multe coloane, iar fiecare secțiune și coloană poate avea propriile stiluri, culori, conținut și așa mai departe.

Puteți adăuga orice în coloanele și secțiunile dvs. folosind widget-urile Elementor. Aceste widget-uri sunt diferite tipuri de blocuri de conținut pe care le puteți plasa în secțiunile dvs. Elementor.

Există un set extins de widget-uri disponibile care acoperă toate elementele populare de web design la care vă puteți gândi. Pur și simplu selectați un widget și trageți-l în secțiunea sau coloana dvs.

Puteți adăuga imagini, text, titluri, galerii de imagini, videoclipuri, hărți, pictograme, mărturii, slidere, carusele și multe altele.

De asemenea, puteți adăuga widget-uri WordPress implicite și chiar widget-uri create de alte plugin-uri WordPress pe site-ul dvs. De exemplu, dacă utilizați WPForms pentru a crea formulare diferite pentru site-ul dvs., atunci puteți utiliza widget-ul său în Elementor.

După ce ați terminat de editat, puteți face clic pe săgeata de lângă butonul „Publicare” pentru a vizualiza diferite opțiuni de salvare.

Acum puteți previzualiza pagina sau puteți merge la tabloul de bord WordPress.

Acest lucru vă va readuce la editorul de conținut. Acum puteți salva pagina dvs. WordPress sau o puteți publica pe site-ul dvs. web.

Crearea propriilor șabloane în Elementor

Elementor vă permite să salvați propriile aspecte personalizate ca șabloane. În acest fel, puteți reutiliza propriile șabloane pentru a crea pagini noi și mai rapid în viitor.

Pur și simplu editați pagina pe care doriți să o salvați ca șablon cu Elementor. În interfața de construire Elementor, faceți clic pe săgeata de lângă butonul „Publicare”.

Veți vedea acum mai multe opțiuni pentru a salva postarea dvs. Pur și simplu faceți clic pe opțiunea „Salvează ca șablon”.

Aceasta va deschide o fereastră pop-up unde trebuie să furnizați un nume pentru șablonul dvs.

După ce ați introdus numele, faceți clic pe butonul „Salvează”.

Data viitoare când veți crea un layout de pagină personalizat, veți putea selecta din fila „Șabloanele mele”.

Tot ce trebuie să faceți este să faceți clic pe butonul „Inserare” pentru layout-ul dvs. personalizat de pagină.

Puteți, de asemenea, să exportați acest șablon și să-l utilizați pe alte site-uri WordPress folosind Elementor.

Pur și simplu faceți clic pe pictograma cu 3 puncte și apoi faceți clic pe opțiunea „Export”.

De aici, puteți descărca șablonul pe computerul dumneavoastră.

Sfat bonus: Alternative la Elementor pentru crearea de layout-uri personalizate

Pe lângă Elementor, există și alți constructori de pagini de destinație și de site-uri web care vă permit să creați aspecte personalizate pentru site-ul dvs.

Iată câteva dintre cele mai bune alternative la Elementor pe care le puteți folosi:

• SeedProd este cel mai bun constructor de site-uri web WordPress drag-and-drop care vă permite să creați aspecte personalizate pentru paginile dvs. de destinație. Există peste 300 de șabloane de teme sau pagini de destinație din care puteți alege. SeedProd oferă, de asemenea, o mulțime de opțiuni de personalizare și blocuri pentru a crea pagini uimitoare. Pentru mai multe detalii, puteți consulta recenzia noastră completă despre SeedProd.
• Divi este o temă vizuală și un constructor de pagini. Este pe piață de peste 14 ani și oferă diferite funcționalități pentru crearea de layout-uri WordPress, inclusiv o bibliotecă de layout-uri. Există multe opțiuni de personalizare în constructorul vizual și nu trebuie să editați niciun cod.
• Thrive Architect este un constructor de pagini puternic și ușor de utilizat, pe care îl puteți folosi pentru a crea layout-uri frumoase. Vine cu peste 352 de șabloane și multe opțiuni de personalizare. Puteți folosi constructorul vizual front-end pentru a edita orice element de pe pagină. Pentru mai multe detalii, consultați recenzia noastră despre Thrive Architect.
• Beaver Builder este un alt constructor de pagini popular de tip drag-and-drop pentru WordPress. Este ușor de utilizat și puteți configura cu ușurință aspecte pentru pagini și postări folosind Beaver Builder. Oferă, de asemenea, șabloane predefinite pentru paginile de destinație, dar nu sunt la fel de multe ca la SeedProd sau Divi.

Sperăm că acest articol v-a ajutat să învățați cum să creați layout-uri personalizate WordPress cu Elementor. De asemenea, ați putea dori să vedeți comparația noastră expertă între Elementor vs. Divi vs. SeedProd și alegerile noastre pentru cel mai bun software de web design.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.