Cum se folosește SiteOrigin Page Builder cu WordPress

La fel ca alți constructori de pagini WordPress, SiteOrigin este aici pentru a vă ajuta să construiți un site web puternic și receptiv, cu niște cunoștințe de codificare CSS și zero. Există câteva teme de la sfârșitul lor pe care le puteți utiliza (atât gratuite, cât și premium), precum și pluginuri gratuite și Pro pentru constructorii de pagini.

Am testat versiunea Pro a SiteOrigin și am construit o pagină de destinație. Acesta vine cu funcționalitatea drag-and-drop și funcționează cu orice temă și puteți utiliza toate widgeturile gratuite, Pro și WordPress în același timp. Să citim acest articol pentru a afla mai multe despre instalarea și configurarea SiteOrigin cu WordPress.

De ce să alegeți SiteOrigin Page Builder?

Construirea site-ului începe de la bara de instrumente din Editorul WordPress, cu care suntem cu toții familiarizați, atât Classic, cât și Gutenberg. Generează o cantitate mică de cod de ieșire și nu este umflat, dar fiecare linie a codului de ieșire este optimizată cât mai mult posibil pentru un constructor de o pagină.

Are o previzualizare live a fiecărei modificări pe care le-ați făcut, deoarece nu are un constructor frontal.

De asemenea, puteți verifica cu ușurință istoricul și reveniți la un design anterior dacă nu sunteți mulțumit de ceea ce ați făcut. De asemenea, folosește ca de obicei Rânduri și Widgeturi ca și alți constructori de pagini.

Caracteristici SiteOrigin Page Builder

Versiunea gratuită a SiteOrigin vine cu opțiuni destul de limitate „widget-uri”, dar cu versiunea Pro, aveți o grămadă de widget-uri utile pentru a vă construi site-ul cu ușurință.

Generator de tipuri de mesaje personalizate

Una dintre cele mai populare și utile caracteristici ale SiteOrigin este Custom Post Type Builder cu aspecte reutilizabile de Page Builder și șabloane WooCommerce. Este puțin diferit de alte instrumente și voi oferi o explicație mai profundă cu privire la modul de utilizare.

Există pași importanți de urmat pentru a crea un șablon post-tip personalizat în SiteOrigin.

Pasul 1

Va trebui să adăugați un nou tip de postare personalizată, să creați aspectul tipului de postare utilizând Page Builder și să alegeți setările de afișare a tipului de postare.

Din tabloul de bord WordPress, navigați la Instrumente → Tipuri de postări și faceți clic pe butonul Adăugați nou, denumiți-l Portofoliu, de exemplu. Acum, faceți clic pe fila Generator de pagini de lângă filele Text și vizual, utilizați butoanele Adăugare widget și Adăugare rând pentru a construi aspectul portofoliului personalizat.

Vă rugăm să rețineți că orice conținut pe care îl adăugați la șablon va fi afișat pe fiecare postare de portofoliu publicată în viitor. Deci, este destul de util dacă doriți să afișați un anumit bloc de conținut pe fiecare dintre aceste pagini, cum ar fi Apel la acțiune, Abonați-vă la Newsletter-ul nostru, Despre mine, Mărturii etc.

Pasul 2

Trebuie să știți cum să adăugați conținut la un tip de postare personalizat pe care l-ați creat.

Odată ce ați creat portofoliul de tip Postare personalizată, veți putea vedea articolul de portofoliu în bara laterală din partea stângă a tabloului de bord WordPress. Faceți clic pe acesta și apoi faceți clic pe Adăugare nouă.

Când denumiți elementul de portofoliu, acesta vă va permite să adăugați conținut la acesta. Amintiți-vă, puteți edita numai widget-uri care nu fac parte din șablonul global, iar widget-urile respective vor fi marcate cu citirea unui text. Și nu în ultimul rând, cum să adăugați aceste postări într-un carusel de postare sau într-un widget de post loop.

Widget Post Buclă

SiteOrigin include Widgetul Post Loop inclus, dar se bazează pe șabloane de bucle din tematica activă.

Pentru a insera Post Loop Widget, trebuie doar să adăugați un rând pe o pagină sau o postare în care doriți să fie afișat, selectați aspectul blogului sau al grilei și ați terminat. Apoi, va trebui să alegeți ce widget va fi afișat făcând clic pe butonul Creați interogare postare.

În ultimul pas, faceți clic pe tipul dvs. personalizat de postare din meniul derulant Tip postare din partea de sus a widgetului Generator de interogări.

Dacă doriți să o faceți în caruselul post, singura diferență este alegerea widgetului post carusel în loc de Post Loop, restul procedurii este aceeași.

WooCommerce Template Builder

Șabloanele WooCommerce permit crearea de pagini frumoase specifice WooCommerce și un aspect vizual unic al produsului. Interfața WooCommerce Template Builder este separată în șapte file:

1. Produs
2. Arhiva produselor
3. Magazin
4. Cart
5. Carucior gol
6. Verifică
7. Contul meu

Pentru WooCommerce, toate articolele individuale reale de care aveți nevoie pentru a construi un singur produs sunt distribuite ca un widget, ceea ce vă permite să creați cu ușurință produse. Puteți crea un aspect și puteți utiliza widget-uri WooCommerce precum preț, SKU, Adaugă în coș, Descriere scurtă / lungă, Imagine produs, Titlu etc.

Există, de asemenea, un widget foarte util pentru o revendicare a produsului, care vă oferă libertatea de a utiliza funcționalitatea Upsell WooCommerce. Cu toate acestea, vă rugăm să rețineți că designul acestor widget-uri și pagini WooCommerce este stabilit de tema CSS și poate fi editat utilizând CSS.

Alte widget-uri sunt frecvente, cum ar fi Hărți, Acordeoane, CTA-uri, Filele, Widget-uri sociale, Carusele etc.

Cu abonamentul Pro, nu obțineți doar Pro Page Builder, ci acces la toate funcțiile Pro, temele Premium, CSS și widgeturile.

Prețuri și planuri pentru SiteOrigin Page Builder

SiteOrigin oferă două modele de stabilire a prețurilor. Primul și cel mai util este un abonament anual, care vine în 3 pachete.

• Single pentru un site la prețul de 29 USD
• Afaceri pentru până la 5 site-uri la prețul de 49 USD
• Dezvoltator pentru site-uri nelimitate la prețul de 99 USD

De asemenea, există o licență pentru un singur an în care aveți totul la fel, cu excepția faptului că nu este abonamentul, ci un an de actualizări și asistență.

• Singur pentru un site la prețul de 38 USD
• Afaceri pentru până la 5 site-uri la prețul de 64 USD
• Dezvoltator pentru site-uri nelimitate la prețul de 128 USD

Cerințe de sistem / găzduire ale SiteOrigin

Chiar dacă este puțin greu să găsești cerințele de sistem ale SiteOrigin. Din unele forumuri de asistență și comentarii online, se pare că PHP 7.4 cu cel puțin 512 MB de memorie PHP va face trucul. Cu toate acestea, am folosit VultrHF cu memorie PHP de 2 GB pentru testare.

Desigur, ai avea nevoie de cea mai recentă versiune WordPress și de toate celelalte pluginuri actualizate.

Instalați și configurați SiteOrigin Page Builder

Când vine vorba de instalare și configurare, SiteOrigin oferă ceva interesant pe care majoritatea constructorilor de pagini nu îl fac.

În ceea ce privește tot ceea ce este în WordPress, ar trebui să instalați SiteOrigin gratuit direct din depozit și, ulterior, să încărcați versiunea Pro descărcată din contul dvs. SiteOrigin. După ce ați terminat instalarea, urmați pașii și instalați / activați pluginurile recomandate.

După ce ați instalat cu succes pachetul de pluginuri, ar trebui să activați licența și widgeturile de care aveți nevoie. În ceea ce privește licența, aceasta trebuie activată imediat, iar pentru widget-uri, le puteți activa acum sau mai târziu, atunci când aveți nevoie de unele dintre ele.

Ce este grozav la SiteOrigin este că nu trebuie să activați widget-uri de care nu aveți nevoie și, făcând acest lucru, puteți salva unele resurse și aveți funcționale doar opțiunile de care aveți nevoie. Cele albastre sunt active, iar cele gri sunt widget-uri inactive.

Când ați terminat, puteți începe să vă construiți site-ul utilizând generatorul de pagini SiteOrigin. Navigați la Pagini → Adăugare nouă și făcând clic pe săgeata drop-down, vi se va oferi să adăugați o pagină nouă cu SiteOrigin Page Builder și Block Editor → selectați SiteOrigin Page Builder.

Personal, nu este cel mai mare fan al constructorilor de pagini backend din era constructorilor front-end. Cu toate acestea, înseamnă că va consuma mai puține resurse și este mai ușor pentru serverul dvs. Nu atât de flămând ca constructorii în general.

Așa arată constructorul de pagini în modul Live Editing, care este cel util. Editorul back-end este destul de greu și consumă mult timp, deoarece trebuie să atingeți previzualizarea de fiecare dată pentru a vedea modificările pe care le-ați făcut.

Când faceți clic pe pagina Editați, veți ajunge în editorul back-end, de acolo, faceți clic pe Editor live din bara de instrumente și veți ajunge în ea.

În partea stângă, aveți o bară laterală similară cu Customizer, din care construiți de fapt site-ul, iar în partea dreaptă va reîncărca vizualizarea pentru a afișa modificările după ce se face orice modificare.

Nu acceptă niciun fel de drag and drop direct pe site, dar totul trebuie făcut prin intermediul personalizatorului din bara laterală din stânga.

În colțul din stânga sus, veți vedea bara de instrumente cu 4 elemente în ea. De la stânga la dreapta ar face următoarele.

Gear Icon va deschide widgeturile disponibile pe care le puteți insera în rândurile pe care le-ați creat. Puteți vedea atât widgeturile WordPress, cât și cele SiteOrigin în același loc. Cu toate acestea, puteți alege și din partea stângă pentru a vedea numai WordPress sau numai SiteOrigin.

Următoarea pictogramă este un Burger, care va adăuga un rând nou și acesta este momentul în care alegeți aspectul rândului. Nu vă faceți griji dacă trebuie să schimbați aspectul, se poate face în orice moment mai târziu.

După ce faceți clic pe pictograma Aspect, acesta va deschide de fapt opțiunea de a importa / exporta Aspectul existent. Ceea ce am observat este că SiteOrigin nu are mai multe planuri și designuri mai moderne. De asemenea, din acest instrument, puteți clona paginile existente pe care le-ați creat deja sau oglinda secțiuni / blocuri.

Ultima pictogramă este Istorie, locul în care puteți reveni la ceea ce ați făcut dacă nu vă plac rezultatele sau pur și simplu dacă ați făcut o greșeală.

Performanța SiteOrigin Page Builder pe Cloudways

Așa cum era de așteptat, SiteOrigin funcționează destul de frumos, deoarece nu are multă umflare în cod și este destul de simplu, ceea ce este în același timp avantajul și dezavantajul. Trebuie să menționăm că nu am făcut niciun fel de optimizare a imaginii.

- Rezultatele SiteOrigin pe GTMetrix

- Rezultatele SiteOrigin pe Pingdom Tools

- Rezultatele SiteOrigin pe WebPageTest

Recenzii ale utilizatorului SiteOrigin Page Builder

Și ceea ce este întotdeauna unul dintre lucrurile pe care ar trebui să le verificați înainte de a instala orice plugin sunt recenziile și evaluările din depozitul de pluginuri WordPress.org. Pentru SiteOrigin, există 922 de evaluări de 5 stele până acum, iar recenziile recente sunt minunate.

rezumat

Dacă aveți nevoie de un instrument ușor pentru a construi un site web simplu sau o pagină de destinație, SiteOrigin ar putea fi alegerea perfectă pentru dvs. Dezavantajul este că nu oferă un generator de antet și subsol, deci aveți nevoie de o temă care să permită editarea antetului și subsolului site-ului dvs.

Curba de învățare este abruptă și aveți nevoie de o experiență anterioară cu WordPress și o înțelegere a widgeturilor și elementelor. Lipsa unui editor front-end este, de asemenea, un factor limitativ pentru începători și necesită cu siguranță câteva cunoștințe și abilități CSS pentru a face rezultatul final să arate minunat. Cu toate acestea, pe de altă parte, ca dezvoltator, majoritatea caracteristicilor sunt destul de convenabile, chiar dacă nu sunt foarte intuitive pentru începători.

Ecosistemul din jurul SiteOrigin nu este atât de mare ca pentru alți constructori de pagini, dar trebuie să ținem cont de faptul că are 1 milion de instalații active pentru versiunea gratuită și 900.000 pentru pachetul de widgeturi, iar unii dintre autorii externi de adăugare au 30.000+ instalații active.