Bună tuturor. Sunt încântat să vă prezint un autor invitat și prieten, Joe Casabona. Joe a fost suficient de generos pentru a împărtăși această lecție de la cursul său, Up and Running cu Beaver Builder.

Este o previzualizare din cursul WP într-o lună,în funcțiune cu Beaver Builder.

Unul dintre avantajele Beaver Builder este că vă oferă control complet asupra zonei de conținut a site-ului dvs.

Cu toate acestea, există o barieră care poate crea limitări: tema ta.

Tema dvs. determină ce părți ale site-ului dvs. puteți personaliza și poate fie să vă restricționeze capacitatea de a crea un site unic, fie să vă ofere libertatea de care aveți nevoie pentru a-l face corect.

Aceasta înseamnă că selectarea temei potrivite pentru site-ul dvs. Beaver Builder este esențială. În această postare, vom vorbi despre cum să facem acest lucru. Să trecem la treabă!

De ce este esențială tema site-ului dvs

WordPress este o platformă uimitoare tocmai pentru că software-ul de bază este păstrat atât de minim. Doar cele mai importante caracteristici sunt incluse în mod implicit.

Acest lucru vă permite să vă personalizați complet site-ul, alegând combinația perfectă de temă și pluginuri.

Dacă nu utilizați un generator de pagini, tema site-ului dvs. va determina în mare măsură cum arată și cum este aranjat.

Desigur, un instrument precum Beaver Builder vă permite să personalizați stilul și aspectul conținutului dvs., ceea ce la început face să pară că tema dvs. este mai puțin importantă.

Cu toate acestea, în calitate de utilizator Beaver Builder, tema dvs. este de fapt încă crucială. Este posibil să nu mai aibă ultimul cuvânt cu privire la cum arată paginile și postările tale, dar are un impact asupra ceea ce poți și nu poți modifica și cât de multă libertate ai de a folosi generatorul de pagini.

Cum interacționează Beaver Builder cu tema site-ului dvs

Înainte de a putea alege o temă care funcționează bine împreună cu Beaver Builder, vă ajută să înțelegeți cum funcționează generatorul nostru de pagini.

În acest fel, veți putea spune dacă tema pe care o luați în considerare vă permite să profitați din plin de funcționalitatea acesteia.

Pe scurt, Beaver Builder vă permite să personalizați sau să revizuiți complet tot ce puteți schimba folosind Editorul WordPress implicit.

La un nivel mai tehnic, înlocuiește tot ceea ce este adăugat prin eticheta șablonuluithe_content().

Deși ar trebui să puteți utiliza Beaver Builder cu orice temă, unii ar putea restricționa ceea ce puteți personaliza. Să ne uităm la un exemplu folosind Twenty Sixteen.

În această primă captură de ecran, veți vedea o pagină cu conținut de bază, creată folosind editorul WordPress implicit:

Iată aceeași pagină modificată folosind Beaver Builder. Partea editabilă a paginii este subliniată cu roșu:

După cum puteți vedea, doar o mică secțiune a paginii este de fapt editabilă. Elemente precum titlul și bara laterală nu pot fi șterse, mutate sau personalizate.

Aceasta înseamnă că nu veți putea profita din plin de potențialul Beaver Builder în timp ce utilizați Twenty Sixteen.

În plus, este posibil ca site-ul dvs. să nu pară coeziv. Dacă ați modificat puternic unele elemente, dar le-ați lăsat pe altele cu stilul implicit al temei dvs., este posibil ca acestea să nu se îmbine perfect.

Cu alte cuvinte, tema dvs. oferă o bază care vă poate ajuta să vă creați site-ul web de vis sau să vă rețină.

Dacă intenționați să utilizați Beaver Builder, aveți nevoie ca tema dvs. să vă ofere cât mai mult spațiu pentru a lucra.

Cum să alegi tema potrivită pentru site-ul tău Beaver Builder (3 sfaturi cheie)

Tehnic vorbind, puteți folosi orice temă care vă place alături de Beaver Builder. Cu toate acestea, așa cum sperăm că am clarificat până la acest punct, va trebui să vă selectați tema cu atenție dacă doriți să evitați limitările și frustrarea.

Iată câteva dintre cele mai bune modalități de a face acest lucru.

1. Căutați o temă care oferă flexibilitate maximă

Cel mai important, va trebui să cauți o temă care să facă două lucruri. În primul rând, ar trebui să fie minim în ceea ce privește designul.

Cu cât aspectul implicit al temei este mai simplu, cu atât mai puțin va trebui să lupți împotriva codului existent pentru a modifica aspectul site-ului tău.

Cel mai bine este să selectați o temă minimalistă sau redusă și să lăsați Beaver Builder să se ocupe de sarcinile grele.

În acest fel, veți avea mai ușor timp să construiți ceva care este în mod unic al dvs., mai degrabă decât să fiți constrâns de aspectul particular al temei dvs.

Aceasta include găsirea unei teme cu cât mai puține elemente pe pagină posibil. De asemenea, este benefic dacă puteți alege unul care vă permite să ascundeți sau să eliminați elemente implicite, cum ar fi titlurile paginilor.

În al doilea rând, tema dvs. ar trebui să aibă cât mai multă zonă de conținut editabilă. Cel mai bun mod de a vă asigura acest lucru este să căutați o temă cu o zonă de conținut cu lățime completă.

Acesta ar putea fi aspectul implicit al temei sau o opțiune oferită de un anumit șablon:

Oricum, având o zonă de conținut cu lățime completă, este mai puțin probabil să fii constrâns de elementele încorporate care nu pot fi mutate sau modificate.

În mod similar, o temă care vă permite să excludeți complet aspecte precum barele laterale vă va permite să vă creați propria dvs. folosind Beaver Builder.

2. Optați pentru o temă cu antet și elemente de subsol personalizabile

Unul dintre caracteristicile Beaver Builder este că permite conținut incredibil de flexibil. Acest lucru nu se limitează doar la ceea ce este în paginile și postările dvs. sau chiar în bara dvs. laterală.

Cu pluginul nostru Beaver Themer, puteți avea și acel nivel de control asupra antetului și subsolului site-ului dvs.

Acesta este un lucru pe care nu toți creatorii de pagini îl permit, făcând din Beaver Builder un instrument de valoare unică.

Când puteți edita doar zona de conținut a site-ului dvs., probabil că veți rămâne blocat cu anteturi și subsoluri care nu arată deloc potrivit cu postările și paginile dvs.

Cu toate acestea, Beaver Builder vă permite să creați un aspect coeziv pe întregul site.

Încă o dată, acest lucru este posibil doar cu o temă care vă oferă control asupra designului antetelor și subsolurilor dvs.

Poate face acest lucru printr-un personalizat robust, mai multe zone widget sau opțiuni de temă personalizată. „Cum” contează nu atât de mult, cât faptul că opțiunea este disponibilă.

3. Luați în considerare celelalte merite ale temei

Până acum, ne-am concentrat pe cum să alegem o temă care să se joace bine cu Beaver Builder. Acest lucru este important, firește, dar nu este întreaga poveste.

La urma urmei, o temă care permite personalizarea maximă, dar care altfel este de calitate scăzută sau depășită, nu vă va ajuta site-ul dvs.

Aceasta înseamnă că atunci când vă selectați tema, veți dori, de asemenea, să acordați atenție unor criterii cheie, cum ar fi:

• Design și funcționalitate.Când construiți un site web pentru o anumită nișă sau caz de utilizare, va trebui să vă gândiți dacă tema dvs. are stilul și caracteristicile care să se potrivească.
• Recenzii și evaluări.Acest lucru vă poate spune multe despre calitatea temei și vă poate avertiza cu privire la problemele pe care le-au avut alți utilizatori cu ea.
• Actualizări regulate.O temă de calitate este actualizată des pentru a o menține compatibilă cu WordPress și pentru a o proteja de amenințările de securitate. Ca regulă generală, ar trebui să treceți peste orice temă care nu a fost actualizată în ultimele șase luni.
• Viteza paginii.Tema dvs. poate avea un impact semnificativ asupra performanței site-ului dvs. Dacă puteți, instalați tema pe un site de testare și asigurați-vă că nu vă încetinește paginile.

Cel mai bun mod de a evalua o potențială temă este să o încercați singur, dacă este posibil. Vedeți dacă există un demo cu care puteți interacționa sau, mai bine, o versiune gratuită pe care o puteți instala și testa după cum doriți.

Desigur, veți dori, de asemenea, să experimentați cu tema în combinație cu Beaver Builder. Încearcă să-l folosești pentru a construi câteva pagini și vezi ce probleme sau frustrări apar.

Adesea, problemele potențiale cu o temă apar doar după ce ați început să o utilizați cu adevărat.

4 teme excelente pentru utilizatorii Beaver Builder

Nicio temă nu este potrivită pentru fiecare caz de utilizare și vă încurajăm să explorați toate opțiunile dvs., atât gratuite, cât și premium. Cu toate acestea, dacă nu ești sigur de unde să începi, iată câțiva concurenți puternici care funcționează bine alături de Beaver Builder.

1.Cadrul pentru generatorul de pagini

Page Builder Framework este o temă ușoară, creată pentru performanță maximă. Aceasta înseamnă că nu este aglomerat cu elemente care vă distrag atenția pe care va trebui să le reglați sau să le eliminați.

De fapt, această temă specială a fost concepută special având în vedere constructorii de pagini. Este creat mai degrabă pentru a fi personalizat decât folosit ca atare și, ca atare, are un design extrem de minimalist. În același timp, vine în continuare cu un număr robust de opțiuni și setări.

Caracteristici cheie:

• Oferă un design ușor și care îmbunătățește performanța
• Este creat pentru a funcționa perfect cu Beaver Builder și alți generatori de pagini
• Oferă o mulțime de opțiuni de personalizare

Preț:gratuit, cu o versiune premium începând de la 58 USD.

2.GeneratePress

În continuare, GeneratePress este o temă multifuncțională extrem de populară. Este ideal pentru construirea de site-uri de afaceri, dar este aplicabil și pentru o gamă largă de nișe și stiluri.

În multe privințe, această temă este foarte asemănătoare cu alegerea noastră anterioară. Este minimalist, ușor și construit pentru performanță maximă. În plus, a fost proiectat, de asemenea, având în vedere generatorii de pagini.

Caracteristici cheie:

• Adaugă un volum minim site-ului dvs., pentru a menține performanța rapidă
• Oferă o varietate de zone de widget-uri, locații de navigare, aranjamente din bara laterală și opțiuni de meniu, pentru un potențial maxim de personalizare
• Este pe deplin receptiv și este tradus în peste 25 de limbi

Preț:gratuit pentru versiunea de bază, cu o versiune premium care costă 49,95 USD.

3.Astra

Astra este o altă temă extrem de populară și din motive întemeiate. Este atât ușor, cât și personalizabil, ceea ce înseamnă că servește drept bază solidă pentru multe tipuri de site-uri.

Această temă oferă, de asemenea, o mulțime de conținut predefinit pentru a lucra, inclusiv șabloane și site-uri web complete. Puteți dezactiva atât titlul paginii, cât și bara laterală, precum și să creați pagini cu lățime completă, ceea ce face din aceasta o temă perfectă pentru modificarea cu Beaver Builder.

Caracteristici cheie:

• Include o bibliotecă mare de conținut pre-construit pentru a începe
• Oferă mult control asupra aspectului paginii și vă permite să dezactivați cu ușurință elementele de care nu aveți nevoie
• Este foarte ușor, pentru a îmbunătăți performanța

Preț:Există o versiune gratuită, dar versiunea premium (începând de la 41 USD) este recomandată pentru utilizare cu Beaver Builder.

4.Cadrul Genezei

Nu în ultimul rând, Genesis Framework nu este tocmai o temă tradițională. După cum sugerează și numele, scopul său este de a oferi un cadru de bază pe care să vă construiți site-ul. În acest scop, menține lucrurile cât mai minime posibil, oferind o structură simplă, împreună cu câteva instrumente robuste de personalizare.

Puteți face modificări utilizând opțiunile temei native sau puteți combina acest cadru cu Beaver Builder pentru a crea site-uri web complet unice. Genesis Framework este o opțiune populară pentru dezvoltatori și poate fi un punct de plecare excelent pentru cei care tocmai intră în industrie.

Caracteristici cheie:

• Oferă o gamă largă de opțiuni de personalizare și șabloane prefabricate
• Minimizează dezordinea și împiedică site-ul dvs. să fie blocat cu date și fișiere inutile
• Este suficient de flexibil încât să îl puteți folosi pentru a crea site-uri web extrem de originale sau chiar să îl folosiți ca bază pentru construirea propriei teme

Preț:Genesis Framework este o opțiune exclusiv premium, începând de la 59,95 USD.

Tema dedicată Beaver Builder

Desigur, încă nu am menționat cea mai bună temă de utilizat cu Beaver Builder – tema dedicată Beaver Builder, vine standard cu toate planurile noastre premium: Starter, Professional și Unlimited:

Această temă îndeplinește cu ușurință toate criteriile pe care le-am discutat și se potrivește perfect cu generatorul nostru de pagini. Cu setul robust de instrumente oferit în Personalizatorul său, puteți transforma această temă rapid și ușor pentru a crea aproape orice tip de site web.

Nu spre deosebire de Genesis Framework, tema Beaver Builder este concepută pentru a fi cât mai simplă și dezordonată posibil.

Este un cadru de pornire cu care să-ți construiești site-ul, ceea ce face mult mai ușor să obții un design creativ care să nu seamănă deloc cu site-urile concurenților tăi.

Tema Beaver Builder este, de asemenea, ușoară, optimizată pentru SEO și configurată pentru a funcționa perfect alături de WooCommerce.

Veți obține chiar și acces la asistență de înaltă calitate. Cel mai bine, nu trebuie să știi nimic despre cod pentru a crea un site care să oprească spectacolul.

Cu toate acestea, dacă văsimțițiconfortabil cu codul, tema Beaver Builder ține cont și de asta. Vă permite să utilizați CSS personalizat pentru a vă modifica site-ul și oferă o mulțime de cârlige, filtre și documente prietenoase pentru dezvoltatori. Ca atare, această temă este o opțiune de top atât pentru începători, cât și pentru profesioniști.

Concluzie

Pluginul Beaver Builder vă oferă posibilitatea de a crea pagini unice cu design și machete complet personalizate. Cu toate acestea, este foarte important să alegeți o temă care să accepte această funcționalitate.

Alegerea unei teme care folosește un design minimalist, pagini cu lățime completă și anteturi și subsoluri personalizabile este un punct de plecare solid. În timp ce pluginul funcționează cu aproape orice temă, tema dedicată Beaver Builder este cea mai bună opțiune pentru a profita la maximum de tot ceea ce are de oferit generatorul nostru de pagini.

Aveți o temă preferată compatibilă cu Beaver Builder pe care nu am menționat-o? Povestește-ne despre asta în secțiunea de comentarii de mai jos!

Despre Joseph Casabona

Joe Casabona este un dezvoltator front-end care lucrează în WordPress... foarte mult. În 2014, a scris o carte numită Responsive Design with WordPress, dezvoltă cursuri WordPress la WP într-o lună și a dezvoltat un curs acreditat pe tematica WordPress. El găzduiește și podcastul How I Built It.