Treci la conținutul principal

Cum se creează un aspect cu Elementor

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Doriți să creați un aspect cu Elementor? Doriți să creați cu ușurință un site WordPress cu aspect profesional? Atunci trebuie Descărcați pluginul WordPress Elementor aici.

 Elementor este un constructor de pagini vizuale care oferă funcția „Drag and Drop” care vă permite să creați cu ușurință machete personalizate pe WordPress fără cunoștințe de codare.

În acest tutorial, vă vom arăta cum să creați cu ușurință machete WordPress personalizate cu Elementor cu doar câteva clicuri. Vă oferim și noi consultați celelalte alternative ale acestui frumos plugin WordPress.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

creați un aspect cu Elementor

De ce și când să creați machete personalizate pe WordPress?

Înainte de a începe, puteți descoperi pe acest plugin WordPress consultând articolele Prezentarea unei pagini de constructor WordPress: Elementor sau descoperirea Tutorial Elementor: Introducerea interfeței 

Multe teme WordPress gratuite și premium oferă mai multe opțiuni de dispunere pentru diferite tipuri de pagini. Cu toate acestea, uneori niciunul din aceste șabloane de layout nu răspunde nevoilor tale.

Cu toate acestea, dacă sunteți fan al PHP, HTML și CSS, aveți opțiunea de a crea propriile șabloane de pagină sau chiar de a crea o temă pentru site-ul dvs. web. Dar, majoritatea utilizatorilor WordPress nu sunt dezvoltatori, deci această opțiune nu funcționează pentru ei.

Descoperă și acestea Pluginurile 8 WordPress pentru a crea cu ușurință machetele

Nu ar fi minunat să creăm machete folosind o interfață simplă (Drag and Drop)?

Exact asta face Elementor. Acesta este un plugin pentru generatorul de pagini WordPress, care vă permite să creați cu ușurință propriile machete WordPress personalizate fără abilități de codare.

Are o interfață intuitivă pentru utilizator care vă permite să creați machete personalizate cu previzualizare în timp real. Acesta vine cu o mulțime de module gata făcute pentru toate tipurile de elemente de design web.

Oferă mai multe șabloane de pagini proiectate profesional, pe care le puteți încărca și utiliza instantaneu ca punct de plecare. Acestea fiind spuse, să aruncăm o privire asupra modului de a crea machete WordPress personalizate cu pluginul WordPress Elementor.

Noțiuni introductive cu Elementor

Mai întâi va trebui să achiziționați pluginul " Elementor Pro ". Aceasta este versiunea plătită a pluginului " Elementor Gratuit care vă oferă acces la funcții suplimentare și asistență pentru clienți 1.

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

După activare, accesați „ Elementor> Setări Pentru a configura funcția acestui plugin.

Setări elementare

Aici puteți activa „Elementor” pentru diferite tipuri de postări. În mod implicit, este activat pentru postările și paginile dvs. WordPress. Dacă aveți formate de postare personalizate pe site-ul dvs., acestea vor apărea și aici și le puteți activa și.

Veți putea să excludeți sau să includeți roluri de utilizator care pot folosi Elementor în timp ce scrieți postări sau pagini. În mod implicit, este activat numai pentru administratori.

Descoperiți-ne 8 pluginurile WordPress pentru a gestiona rolurile și utilizatorii

Nu uitați să faceți clic pe butonul « Salvați modificările Pentru a salva setările.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

Crearea unui aspect personalizat cu Elementor

În primul rând, trebuie să creați o nouă pagină (sau o postare) pe site-ul dvs. WordPress. Pe pagina de editare a postării, veți observa noul buton „Editați cu Elementor”.

Editați cu elementor

Dacă faceți clic pe acesta, veți lansa Elementor UI, unde puteți edita pagina folosind generatorul de pagini vizuale cu funcționalitate drag and drop.

Trageți și fixați elementul

Acum puteți adăuga secțiuni și creați pagina de la zero sau puteți încărca încă unul dintre șabloanele implicite expediate.

Modelele sunt o modalitate mai rapidă de a începe rapid. Astfel, Elementor oferă mai multe șabloane proiectate profesional pe care le puteți personaliza atât cât doriți.

Să începem cu un șablon făcând clic pe butonul " Adăugați un șablon ".

Aceasta va afișa o fereastră pop-up unde puteți vedea diferitele modele disponibile. Ar trebui să căutați un model care să arate ca ceea ce doriți. 

Plugin elemntor pentru aspect

Acum faceți clic pentru a selecta modelul dorit, apoi faceți clic pe buton insera Pentru a-l adăuga la pagina dvs.

Elementor va încărca șablonul pentru dvs.

Acum puteți începe să modificați șablonul pentru a se potrivi nevoilor dvs. Doar indicați și faceți clic pe orice element pentru al selecta, iar Elementor vă va arăta setările sale în coloana din stânga.

Începutul editării paginii pe elementor

Acum să vorbim despre modul în care acțiunile Elementor funcționează.

Modelele oferite de pluginul Elementor sunt construite pe secțiuni, coloane și widget-uri. Secțiunile sunt ca niște linii sau blocuri pe care le plasați pe pagina dvs.

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

Editarea unei pagini cu elementor

Aveți opțiunea de a adăuga elemente în coloane și secțiuni folosind widgeturile oferite de Elementor.

Aceste widget-uri sunt tipuri de blocuri de conținut pe care le puteți plasa în secțiuni din paginile dvs.

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

Doar selectați un widget și plasați-l în secțiunea sau coloana dvs. Există un set imens de widgeturi disponibile care acoperă fiecare element popular de design web pe care vi-l puteți imagina.

Element e design cu elementor

Puteți adăuga imagini, texte, subiecte, galerii de imagini, videoclipuri, hărți, icoane, mărturii, glisante, carusele și multe altele.

Vezi și nostru Teme și șabloane 15 Elementor pentru a crea un site web

De asemenea, puteți adăuga widget-uri WordPress implicite și chiar widgeturi create de alte pluginuri WordPress pe site-ul dvs. web.

După ce ați finalizat crearea proprie sau ați modificat aspectul, puteți face clic pe butonul " Registru Pentru a păstra modificările.

Personalizarea aspectului cu elementor

Notă: Salvarea unui aspect nu va publica pagina pe site-ul dvs. WordPress. Vă va salva pur și simplu aspectul.

În acest moment aveți opțiunea de a vă previzualiza pagina sau de a accesa tabloul de bord WordPress. Ceea ce vă va aduce înapoi la editorul de mesaje WordPress implicit. Acum puteți să salvați pagina WordPress sau să o publicați pe site-ul dvs. web.

Publicație aspect cu elementor

Gata, așa că ați terminat de creat o pagină cu pluginul WordPress Elementor.

Dar, la fel ca mulți constructori de pagini, oferă și extensii ceea ce vă va permite să creați cu ușurință și rapid noi machete, aducând mai multe elemente de design în pluginul implicit.

Descarcă Elementor

Descoperiți și câteva plugin-uri premium WordPress  

Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. JetElements 

Acest plugin vă va îmbunătăți pachetul Elementor cu o mare varietate de module care vor fi extrem de utile atunci când vă construiți site-ul web. Elementele puternice au fost special create pentru a se integra cu funcționalitatea Elementor pentru a vă oferi soluții versatile și elemente elegante.

Elementor wordpress plugin jetelement

Principalele sale caracteristici sunt: ​​multe module utile, care conțin multe opțiuni de stil, parametri funcționali și elemente absolut personalizabile, elemente incredibile pentru lansarea rapidă a magazinului online, suport pentru limbile RTL, Suport pentru pluginul WPML și un modul Formular de contact 7 uimitor, care vă permite să adăugați formularele de contact și să le încorporați pe site-ul dvs. web.

Descarca | Demo | web hosting

2. JetMenu 

JetMenu este o extensie foarte funcțional plugin Elementor, care vă permite să creați megamenus cu elemente de defilare ușor de utilizat. Acest plugin nu vă limitează imaginația și are potențialul de a crea meniuri uimitoare și de a le reface în funcție de viziunea și nevoile dvs.

Pluginul elementului wordpress Jetmenu

Principalele sale caracteristici sunt: ​​Nu sunt necesare cunoștințe de codificare, caracteristici bogate care se combină perfect cu simplitatea și claritatea, o selecție largă de module de conținut, special concepute pentru a vă ajuta să vă creați meniurile, un aspect foarte sensibil și multe altele.

Dacă doriți să condimentați meniurile sau megamenii site-ului dvs. web, acest plugin WordPress este de consultat.

Descarca | Demo | web hosting

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

3. JetWooBuilder 

JetWooBuilder este un addon obligatoriu care vă permite să creați pagini de produse WooCommerce pe deplin cu Elementor.

Pluginul Jetwoobuilder wordpress elementor

Ca caracteristici veți găsi printre altele: mai multe șabloane de pagini de produse unice, multe imagini vizuale pentru a crea pagini de produse WooCommercemulte widget-uri de conținut atrăgătoare, cum ar fi Adăugare la coș, Previzualizare, Imagine, Evaluare, Înrudit și multe altele, capacitatea de afișare taxonomiile produselor și altele.

Descarca | Demo | web hosting

Unele resurse utile:

Concluzie:

Aici este ! Gata pentru acest tutorial, sper că vă permite să creați machete moderne și profesionale cu pluginul Elementor.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Partajați în special acest articol pe diferitele dvs. rețele sociale.

...

Acest articol conține comentarii 24

  1. Bună ziua Thierry!

    Multe mulțumiri pentru această postare grozavă.
    Folosesc ELEMENTOR PRO și am creat o pagină în care am descărcat prin ELEMENTOR un aspect deja construit. Totuși, nu înțeleg, se găsește în TOATE site-ul meu ... toată arhitectura mea web s-a schimbat și acest aspect îl găsesc în toate paginile site-ului meu. Pe de altă parte, aspectul vechi nu a fost șters, dar se găsește în partea de jos a paginii. Când dau clic pe „EDITARE cu ELEMENTOR” nu o pot șterge ... vreo idee de unde vine?
    Un mare mulțumesc!

  2. Bună ziua Thierry
    Din suflet vă mulțumesc foarte mult pentru articol. Acum am o îngrijorare care mă deranjează de câteva zile, sunt nou în wordpress și folosesc ocean WP ca temă și apoi am instalat elementor ca versiune gratuită, așa că, cu această versiune gratuită, am început prin crearea paginilor mele și asta e bine, dar problema care mi-a apărut este că atunci când îmi public pagina sau articolul odată ce îl am, literele majuscule nu apar după un punct sau la începutul propoziției este necesar setările pe tipografie sau pe familia de fonturi au ales pe scurt să mă ajute să înțeleg mai bine unde este versiunea gratuită care nu are majuscule după un punct. Mulțumesc pentru înțelegere.

    1. bonjour,

      Vă recomand să contactați asistența pluginului Elementor pe pagina sa WordPress.org. Veți găsi cu siguranță un răspuns din partea autorilor.

  3. bonjour
    Mi-am creat pagina de pornire prin fila personalizată a interfeței wordpress. De ce nu găsesc același lucru în elementor? pe elementor bara mea de meniu nu este în același loc și nu am logo-ul meu care apare! Prefer cel de pe wordpress, dar când fac o vizualizare a site-ului meu este pagina de pornire a elementor care apare! Îmi puteți spune cum să o fac?
    Vă mulțumesc p

  4. bonjour,
    Am o problemă De câteva luni, nu mi-am actualizat site-ul web unde folosesc acest element; astăzi am încercat să o fac, dar am o problemă, majoritatea secțiunilor îmi arată o casetă tăiată cu cuvântul OFF SECTION și nu pot face nimic. Nu pot edita decât o singură secțiune a paginii, cea în care am textul în sine.
    Știți ce poate să funcționeze?

  5. bonjour,
    Învăț să construiesc un site web cu WordPress, Elementor este un plugin grozav, ajută foarte mult, descopăr ceva nou.
    De asemenea, probleme;) Eu de obicei mă ocup de soluții. Nu acum.

    Am o problemă cu editarea textului. Paragraful și titlurile sunt ambele rigide și nu pot schimba fontul, culoarea, greutatea etc. În ciuda modificărilor din setări, nimic nu se schimbă. Nu este o problemă a modelului, deoarece are o schemă de tipare și culori diferită de ceea ce Elementor îmi oferă.
    Nu știu cum să schimb acest parametru șablon mi s-a întâmplat chiar și cu antetul 1, dar l-am schimbat introducând cod html în antet și am ajutat, acum nu funcționează.

    Cum se va schimba acest lucru? - te rog ajuta-ma.

    1. bonjour,

      Încercați să dezactivați toate pluginurile WordPress și încercați din nou. Dacă problema dvs. este rezolvată când toate acestea sunt dezactivate, începeți să le activați unul câte unul, apoi verificați de fiecare dată.

      Dacă este o problemă de compatibilitate cu un alt plugin, veți ști care.

  6. Bună seara.
    Am adăugat o fotografie pe site (Landing Page) și încercam să trec la alta, nu puteam ... șterge de mai multe ori și am pus noua fotografie, dar nu se încarcă ... fotografia veche rămâne ...
    Ai putea să mă ajuți?

  7. Bună ziua și vă mulțumesc pentru acest articol care confirmă alegerea mea pentru Elementor ca constructor de pagini. ^^

    Pe de altă parte, ce părere aveți despre crearea unui site copil înainte de modificări. Este necesar acest lucru cu Elementor?

    Mi-e teamă că toate modificările făcute vor fi suprascrise la actualizarea temei? Nu există un risc?

    Vă mulțumesc pentru răspunsul dvs.,
    Bien à vous,
    Nicolas

  8. Bună ziua și vă mulțumesc pentru acest articol foarte interesant.
    Am început să folosesc Elementor și mă întrebam dacă este nevoie înainte de a continua să creez o temă pentru copii a celei pe care o folosesc. În caz contrar, nu există riscul ca actualizările temei sau pluginurilor să suprascrie aspectul construit cu Elementor?
    Vă mulțumim pentru întoarcere,

  9. bonjour,

    Aș vrea să știu cum să obțin codul PHP al extensiei ELEMENTOR pentru al integra în pagina mea de pornire?

    Vă mulțumesc pentru atenția acordată cererii mele.

  10. bonjour,

    articol foarte interesant.
    Am o întrebare pentru elementul pro care sunteți.
    Este posibil să adăugați în formularele generate, o metodă = "POST"?

    Jeanson

  11. articol foarte bun, vreau să întreb, când am început să merg la elementor, sau de ce se pare că există un antet și footernya, cum să arăt gol

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
24 acțiuni
acțiune18
tweet
Registru6