Cum să creezi layout-uri personalizate WordPress cu Beaver Builder

Cauți o modalitate de a crea machete personalizate în WordPress fără a intra în cod? Înțelegem. Majoritatea ghidurilor de aici fie par a fi romane, fie presupun că ești un expert în codare.

Am observat că unii utilizatori WordPress experimentați evită page builderele precum Beaver Builder, temându-se că vor crea designuri greoaie sau că își vor încetini site-urile.

Dar iată ce am învățat din ajutorul oferit miilor de începători: un constructor de pagini potrivit poate simplifica dramatic crearea unui site web, oferind în același timp rezultate profesionale.

În acest ghid pas cu pas, vă vom arăta cum să creați layout-uri personalizate WordPress folosind Beaver Builder. Indiferent dacă începeți de la zero sau folosiți șabloane gata făcute, veți învăța cum să construiți exact ceea ce doriți, fără a fi nevoie de codare.

De ce să folosiți Beaver Builder pentru a crea layout-uri personalizate WordPress 👀

Multe teme premium WordPress vin cu machete de pagină gata de utilizare pentru diferite secțiuni ale unui site web. Cu toate acestea, uneori, o machetă încorporată s-ar putea să nu corespundă nevoilor tale.

Puteți crea șabloane de pagină personalizate în WordPress prin crearea unui child theme și apoi adăugarea propriilor șabloane de pagină. Dar veți avea nevoie de cunoștințe de PHP, HTML și CSS pentru ca acest lucru să funcționeze.

Aici intervin instrumente precum Beaver Builder. Este un plugin de creare de pagini drag-and-drop pentru WordPress. Te ajută să creezi propriile tale layout-uri de pagină personalizate fără a scrie cod.

Beaver Builder este foarte ușor de utilizat și prietenos pentru începători. În același timp, este plin de funcționalități incredibile pentru a crea pagini cu aspect profesional.

Funcționează cu toate temele WordPress și are o mulțime de module pe care le poți trage și plasa pe pagina ta. Poți crea orice fel de machetă dorești și o poți configura exact așa cum ți-ai imaginat.

În acest tutorial Beaver Builder, vă vom arăta cum să folosiți Beaver Builder pentru a crea layout-uri personalizate de pagini în WordPress. Puteți folosi linkurile rapide de mai jos pentru a naviga prin acest articol:

• Pasul 1: Configurarea pluginului Beaver Builder
• Pasul 2: Creați-vă primul aspect de pagină personalizat cu Beaver Builder
• How to Manage Page Layout Templates in Beaver Builder

Pasul 1: Configurarea pluginului Beaver Builder

Mai întâi, trebuie să achiziționați pluginul Beaver Builder. Este un plugin plătit, cu prețuri începând de la 99 USD pentru site-uri nelimitate.

În continuare, trebuie să instalați și să activați pluginul Beaver Builder. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, trebuie să vizitați pagina Setări » Beaver Builder pentru a introduce cheia de licență.

După ce ați introdus cheia de licență, sunteți gata să creați layout-uri de pagini frumoase.

Pasul 2: Creați-vă primul aspect de pagină personalizat cu Beaver Builder

Mai întâi, pur și simplu creează o pagină nouă în WordPress vizitând Pagini » Adaugă Pagină Nouă.

Înainte de a deschide Beaver Builder, dați un titlu noii pagini și salvați-o ca schiță.

Din experiența noastră, constructorul de pagini nu se deschidea decât dacă făceam acest lucru mai întâi.

După ce faci asta, apasă pe butonul „Launch Beaver Builder” pentru a începe.

Aceasta va deschide partea frontală a paginii dvs. în interfața Beaver Builder.

Dacă este prima dată când folosiți Beaver Builder, veți vedea un pop-up de bun venit care vă oferă un tur ghidat.

După aceea, trebuie să faceți clic pe butonul „+” din meniul de sus. Acest buton se va transforma într-o pictogramă „x”. Apoi, comutați la fila „Șabloane”.

Beaver Builder vine cu câteva șabloane proiectate profesional pentru a vă ajuta să începeți imediat.

Nu vă faceți griji; puteți personaliza șablonul cât doriți. Este doar o modalitate rapidă de a începe cu un aspect.

Când selectați un layout, Beaver Builder îl va încărca în fereastra de previzualizare. Mutați mouse-ul peste un element, iar Beaver Builder îl va evidenția.

Puteți pur și simplu să faceți clic pe pictograma cheie de pe orice element evidențiat pentru a-l edita.

Beaver Builder va afișa o fereastră pop-up cu diferite setări pe care le puteți edita.

Puteți schimba fontul, culoarea, fundalul, fontul, spațierea interioară, marginea și multe altele.

Aspectele de pagină Beaver Builder se bazează pe rânduri. Puteți trage și plasa pentru a rearanja rândurile. Puteți, de asemenea, să eliminați sau să adăugați un rând nou.

Pur și simplu faceți clic pe același buton „+” de mai devreme și navigați la secțiunea „Rânduri”. De aici, puteți alege oricare dintre rândurile și coloanele prezentate.

Beaver Builder va adăuga rândul în previzualizarea live de pe site-ul dvs.

Puteți adăuga elemente în rândul dvs. folosind modulele de bază sau avansate și widget-uri. Aceste module vă permit să adăugați cele mai frecvent utilizate elemente, cum ar fi butoane, anteturi, text, imagini, prezentări de diapozitive, audio, video etc.

Pur și simplu faceți clic pe butonul „+” și navigați la secțiunea „Module”. Apoi, trageți un element în rândul pe care tocmai l-ați adăugat.

Continuați și faceți clic pe un element de design WordPress pentru a-i edita proprietățile.

De asemenea, puteți salva un rând sau un modul pentru a-l reutiliza mai târziu pe alte pagini. Faceți clic pe butonul „Salvare ca” în timp ce editați un rând sau un modul.

Faceți clic pe butonul „Terminat” din colțul din dreapta sus când ați terminat de editat pagina.

Beaver Builder va afișa o serie de butoane pentru a publica sau a salva pagina dvs. ca schiță.

De asemenea, puteți reutiliza un întreg aspect de pagină pentru alte pagini de pe site-ul dvs. WordPress. Pur și simplu deschideți pagina cu Page Builder și apoi faceți clic pe butonul cu săgeată în jos pentru a accesa „Instrumente” în bara de sus.

Beaver Builder vă va afișa un pop-up. Puteți salva pagina ca șablon sau puteți crea rapid o pagină duplicat cu același layout.

Cum să gestionezi șabloanele de layout de pagină în Beaver Builder

Puteți verifica toate șabloanele pe care le-ați creat în Beaver Builder » Șabloane. Aici puteți gestiona, previzualiza și edita șabloanele existente.

Un lucru grozav la șabloanele Beaver Builder este că sunt tipuri de postări personalizate. Acest lucru înseamnă că puteți exporta cu ușurință șabloanele Beaver Builder folosind funcția de export încorporată în WordPress.

Vizitează pagina Instrumente » Export și selectează Șabloane. Apasă pe butonul „Descarcă Fișierul de Export”, iar WordPress îți va trimite un fișier XML pentru descărcare.

Acum conectează-te la site-ul WordPress unde dorești să imporți șabloanele. Vizitează pagina Setări » Import și dă clic pe WordPress.

Vi se va cere să descărcați și să instalați pluginul de importare WordPress. După aceea, veți putea pur și simplu să încărcați fișierul XML al șablonului dvs. și să îl importați.

Alternativă: Folosește SeedProd pentru a crea o temă personalizată

Deși Beaver Builder este grozav, s-ar putea să nu fie potrivirea perfectă pentru toată lumea. E în regulă! Există și alte opțiuni excelente, cum ar fi SeedProd.

SeedProd este un alt constructor de pagini ușor de utilizat pe care îl recomandăm frecvent. Nu este doar pentru crearea de pagini de destinație. Îl puteți folosi chiar și pentru a crea teme WordPress întregi. L-am folosit cu succes în multe proiecte, inclusiv crearea de pagini de destinație pentru OptinMonster.

Ceea ce diferențiază SeedProd sunt opțiunile sale extinse de personalizare. Acestea vă permit să adăugați cu ușurință funcționalități interesante paginilor dvs., cum ar fi testimoniale rotative, animații atrăgătoare, tabele de prețuri profesionale, casete de caracteristici și multe altele.

În plus, SeedProd are instrumente AI care pot genera rapid text și imagini de bună calitate pentru site-ul dvs. Acesta poate fi un real economizor de timp atunci când construiți paginile.

Interesat să afli mai multe? Consultă aceste recenzii pentru a vedea cum se compară SeedProd cu alte constructori de pagini populare:

• Elementor vs Divi vs SeedProd (Comparat) – Care este cel mai bun?
• Instapage vs Leadpages vs Unbounce vs SeedProd

Sperăm că acest articol v-a ajutat să creați layout-uri personalizate de pagină în WordPress folosind Beaver Builder. De asemenea, ați putea dori să consultați ghidul nostru despre cum să creați un site WordPress optimizat pentru mobil și selecțiile noastre de experți ale celor mai bune constructoare de teme WordPress.

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.