Oxygen Builder V 4.0 Review - Design, caracteristici și flux de lucru

Oxygen Builder 4.0 este aici, iar în acest articol vom arunca o privire asupra tuturor noilor funcții, modificări și flux de lucru care vin cu noua versiune. Oxygen este un constructor de pagini WordPress bine-cunoscut și îndrăgit, care înlocuiește complet sistemul de teme.

În ultimii câțiva ani, a fost pe versiunea trei și a văzut adăugiri grozave, cum ar fi grila CSS, o completare MetaBox și optimizări suplimentare de viteză și atât front-end, cât și backend. Oamenii îl iubesc pentru că are o mulțime de putere într-o interfață de utilizator relativ bine concepută, de asemenea, voi pune un cod incredibil de curat, făcând un site web cu încărcare rapidă, care este excelent pentru Core Web Vitals.

Caracteristicile de titlu cu a patra iterație a Oxygen Builder sunt următoarele:

Interfață utilizator nou-nouță

Există o colecție din ce în ce mai mare de pluginuri terță parte care reproiectează sau reproiectează generatorul de backend al Oxygen. Echipa din spatele instrumentului trebuie să aibă indiciu că interfața de utilizare a devenit puțin depășită, așa că aceasta este caracteristica principală pentru această versiune.

Din captura de ecran de mai sus putem vedea că panoul „adăugați elemente” a fost recreat pentru a afișa mai multe elemente într-un ecran, puncte de întrerupere au fost adăugate în propria lor poziție pe bara de sus și alte funcții din bara de sus, cum ar fi anularea refaceți, comutați foaia de stil și multe altele au fost mutate.

Iată ce s-a făcut:

• Îmbunătățire: valorile moștenite de la punctele de întrerupere mai mari sunt afișate acum în câmpurile panoului de proprietăți (#3665)

• Îmbunătățire: modalii se animă acum folosind aceeași animație AOS cu care se anime (#3550)

• Îmbunătățire: acum puteți încărca capturi de ecran personalizate pentru pagini de set de design, blocuri și secțiuni individuale (#3574)

• Îmbunătățire: acum puteți face dublu clic pe numele unui element în panoul de proprietăți pentru a-l redenumi (#3547)

O modalitate excelentă de a menține structura site-ului dvs. ușor de navigat.

• Îmbunătățire: S-a adăugat o indicație vizuală dacă un câmp din panoul de proprietăți este stilat prin clasă sau id (#3548)

• Îmbunătățire: s-a adăugat un câmp de căutare pentru panoul de selecție (#4037)

Dacă aveți o mulțime de clase CSS gestionate în Oxygen, acest lucru vă va permite să le găsiți mai rapid și să faceți modificări globale pe site.

• Îmbunătățire: S-au adăugat comenzi rapide de la tastatură pentru duplicat, salvare, ștergere, copiere, lipire (#3951)

Aceasta este o îmbunătățire incredibil de binevenită, care vă permite acum să duplicați, să salvați, să ștergeți, să copiați și să lipiți elemente într-o instanță de constructor. Deși nu au adăugat un meniu cu clic dreapta, au spus stadiul pentru acesta și au adăugat multe dintre capabilitățile prin intermediul comenzii rapide de la tastatură la care te-ai aștepta într-un meniu.

Veți găsi alte modificări ale interfeței cu utilizatorul în întregul constructor, cum ar fi modul în care sunt gestionate marginile și umpluturile. Acum este mult mai mult ca o experiență de instrumente de dezvoltare:

Veți observa, de asemenea, că culorile reale din constructor s-au schimbat și sunt acum foarte concentrate pe diferite nuanțe de gri.

În general, aflăm că noua interfață de utilizare și îmbunătățirile suplimentare ale ușurinței de utilizare fac din instrument un mod mai eficient și mai ușor de a crea site-uri web cu versiunea 3.0. Toate aceste modificări sunt foarte binevenite, iar pentru unii utilizatori ar putea chiar să elimine necesitatea de a cumpăra Hydrogen Pack (deoarece există acum comenzi rapide de la tastatură).

Remediați ID-urile duplicate ale repetitorului

O remediere incredibil de binevenită - repetorii nu mai dublează ID-urile în postările individuale pe care le afișează. Aceasta a fost una dintre cele mai mari probleme cu 3.0 și a cauzat probleme SEO și pur și simplu nu a urmat cele mai bune practici.

Iată marcarea reală - puteți vedea că fiecare ID are un număr după el, permițându-vă să stilați anumite celule și eliminând ID-urile repetate, ceea ce nu este bun pentru SEO.

Suport PHP8

Aceasta a fost o solicitare masivă în grupul Facebook, iar instrumentul acceptă acum versiunea a opta a PHP. Versiunea 3.0 pur și simplu nu ar funcționa sau nu s-ar încărca pe această nouă versiune de PHP. Acum putem folosi îmbunătățirile de viteză pe care le aduce acest lucru.

Iată de ce PHP 8 este grozav:

Îmbunătățiri ale vitezei de încărcare ale constructorului

Există, de asemenea, unele îmbunătățiri care influențează direct viteza de încărcare a constructorului, cum ar fi eliminarea încărcării SVG-urilor duplicate și o actualizare la AngularJS 1.8.2, cea mai recentă versiune acceptată (#4031).

Citiți: Oxygen Builder Backend Loading Time Test

Noua modalitate de stocare a datelor

Anterior, paginile și șabloanele Oxygen erau stocate în backend ca coduri scurte. Acest lucru a fost grozav pentru securitate, dar nu a fost cel mai eficient mod de a face lucrurile. Cu versiunea 4.0, paginile noi sunt stocate ca JSON, ceea ce este mult mai rapid și mai eficient. Există compatibilitate inversă cu site-urile construite cu 3.0, deci nu trebuie să vă faceți griji cu privire la modificările nerespective.

După ce faceți upgrade, dacă renunțați la codurile scurte, acestea vor fi convertite în noul format JSON.

Elemente și modificări suplimentare WooCommerce

Aceasta vine alături de noua versiune a constructorului de bază. Oxygen WooCommerce 2.0. Există două elemente noi, inclusiv un mini cărucior și o componentă de vânzare încrucișată/upsells.

Adăugarea mai multor condiții noi specifice Woo este grozavă și vă va permite să vă personalizați în continuare site-ul în funcție de situațiile specifice de comerț electronic.

De asemenea, dacă sunteți familiarizat cu temele, puteți acum să suprascrieți șabloanele WooCommerce dintr-un folder pre-desemnat, în loc să trebuiască să faceți un plug-in personalizat și să redirecționați unde va căuta Connors aceste suprascrieri de șabloane.

Note privind oxigenul V4.0

Sunt câteva lucruri pe care am vrut să le acoperim în această postare de blog. Prima este că atât versiunile alfa, cât și cele beta nu ar trebui să fie folosite niciodată pe site-urile web de producție, deoarece probabil ceva se va rupe. Ar trebui să așteptați până când RC (sau candidatul de lansare) sau versiunea actuală 4.0 să apară. Vedem o mulțime de postări pe Facebook care spun că site-ul lor a fost stricat după actualizarea la versiunea 4.0, iar acesta este un lucru de așteptat dacă ați folosi alpha sau beta.

Pentru că interfața de utilizare s-a schimbat, la fel ca și CSS-ul, ceea ce înseamnă că lucrurile vor părea stricate dacă nu ștergeți memoria cache a browserului și nu regenerați CSS - așa că faceți asta cu siguranță!

Ultimul cuvânt de precauție este că pluginurile terță parte se pot rupe din cauza acestei noi versiuni. Ei fac lucrurile puțin diferit în ceea ce privește adăugarea de componente și stilurile CSS, dar ne așteptăm ca majoritatea dezvoltatorilor terți majori ai producătorilor de oxigen să aibă plug-in-urile compatibile până la lansarea RC.

Lectură suplimentară:

• O revizuire detaliată a constructorului de oxigen (perspectiva agenției)
• Cum migrăm site-urile Oxygen Builder
• Divi Builder VS Oxygen Builder - Cine câștigă în 2021?

Concluzie

Cea de-a patra versiune a Oxygen Builder aduce cu ea o experiență de utilizator atât de necesară, îmbunătățiri ale interfeței, cum ar fi o scurtătură de la tastatură pentru a copia și lipi elemente, un nou design mai ușor, suport PHP8 și îmbunătățiri WooCommerce. Această versiune ar trebui să pregătească terenul pentru instrumente native suplimentare, cum ar fi un meniu cu clic dreapta și îmbunătățiri suplimentare ale vitezei de backend.