Actualizare de progres Divi 5 May: Previzualizarea vitezei Divi 5

Publicat: 2023-06-02

Suntem în mijlocul unui proiect masiv, Divi 5, și îmi place să actualizez comunitatea în fiecare lună cu privire la progresul nostru. Luna trecută, am săpat adânc în cele cinci etape ale programului Divi 5 beta pentru a înțelege mai bine cum abordăm un proiect atât de mare în cel mai avantajos mod pentru utilizatorii Divi. Suntem în Faza 1, Dev Alpha, și ne apropiem de lansarea Dev Beta, moment în care noul API Divi 5 va fi solidificat. Vom invita mai mulți dezvoltatori să se alăture programului în timp ce lucrăm la prima lansare publică mai târziu în acest an.

În actualizarea din această lună, vom vorbi despre actualizările pe care le-am făcut pentru Divi 5. De asemenea, vă voi arăta cât de rapid este Divi 5, apoi vă voi oferi o scurtă privire asupra viitoarei noastre funcții Divi AI! Să săpăm.

Ce am realizat luna aceasta

Am făcut multe în această lună! Sunt multe lucruri mici pe care le completăm, unul câte unul, pe măsură ce ne apropiem de prima noastră lansare publică, unde interfața de utilizare va trebui să fie șlefuită și un set solid de funcții Divi va trebui să fie terminat. Am lucrat la divizoare de secțiuni, videoclipuri de fundal, opțiuni de condiție, conținut receptiv și am remediat câteva erori.

Cea mai mare parte a muncii noastre s-a concentrat pe consolidarea API-ului Divi 5, despre care sunt versiunile Dev Beta. Tendința generală aici este că construim o fundație pentru a face mai ușor pentru echipa noastră și comunitatea de dezvoltare să creeze module și funcții Divi grozave. Trebuie să facem corect această parte, astfel încât totul să se încadreze la locul lor așa cum vrem noi.

Am lucrat la unificarea și simplificarea noului API REST al lui Divi 5. Am terminat câteva funcții noi și implementările acestora, care urmăresc să reducă semnificativ timpul necesar pentru a crea un modul Divi. Din nou, depunem eforturi suplimentare la nivel de fundație, astfel încât restul proiectului Divi 5 să meargă mai repede, iar toate modulele și caracteristicile pe care le adăugăm după Divi 5 să fie dezvoltate mai rapid.

De asemenea, am refactorizat metoda de conversie a codurilor scurte a Divi, care va juca un rol esențial în compatibilitatea cu versiunea inversă.

Dacă sunteți interesat de detalii mai fine, iată cele mai recente intrări din jurnalele de modificări:

Divi 5.0.0-dev-alpha.4

Remediați randarea pentru câmpurile de fundal în modulul de setări al modulului Shortcode
Remediați vizibilitatea câmpurilor de setare a modulului de coduri scurte cu condițiile de model regex.
S-a adăugat redarea frontend a opțiunilor Section Dividers.
S-au remediat opțiunile de trecere cu mouse-ul care nu funcționează corect în generatorul vizual și front-end pentru opțiunile de modul care au selectoare multiple.
Pachetul @divi/scripts refactorizat și adăugați teste
Pachete de tipuri publicate în npm în pregătire pentru lansarea publicului

Divi 5.0.0-dev-alpha.5

Permiteți modulului Shortcode să trimită o altă solicitare atunci când cererea anterioară este anulată automat.
Redați butonul de opțiuni sticky atunci când modulul Shortcode actual este sticky.
Redați butonul de opțiuni lipicioase atunci când modulul curent Shortcode se află în interiorul unui modul lipicios.
Valoarea implicită neutilizată a fost eliminată Record<number, string | Înregistrați<șir, șir>> în modulul Shortcode.
S-au remediat elementele incorecte ale modulului Woo Shortcode care apar pe o singură pagină de produs. Module de coduri scurte afectate: Notă de produs Woo, Imagini de produs Woo, Adăugați în coș Woo, Stoc de produs Woo, Preț de produs Woo, Produse înrudite Woo, Vanzare în plus de produs Woo și Produse Woo.
Redenumiți modulul Neacceptat în modulul Shortcode împreună cu modulul slug, ruta API REST, eticheta, cazurile de testare și cartea de povești.
S-au adăugat câmpuri Video de fundal în Opțiuni de fundal ale modulului.
Redare refactorizată a videoclipului de fundal în Visual Builder fără apeluri API REST.
A fost adăugată redarea opțiunilor modulului video de fundal în Frontend.
S-au adăugat ScriptData pentru a inițializa videoclipul de fundal în Frontend.
S-a adăugat suport pentru opțiunile modulului video de fundal în stare Sticky.
S-a actualizat vizibilitatea câmpurilor Divider din Module Options pentru a ascunde opțiuni suplimentare dacă nu a fost selectat un Divider Style.
Vizibilitatea actualizată a setării Repetare orizontală Divider din Opțiuni modulului să fie ascunsă pentru opțiunile Stil divizor care resping în mod explicit repetarea.
Vizibilitatea actualizată a setării Aranjamentului divizorului din Opțiunile modulului să fie ascunsă în setările Secțiunii cu lățime completă (unde este permisă doar valoarea implicită „de mai jos”).
S-a actualizat previzualizarea câmpului Stil divizor în Opțiuni modul pentru a reflecta orice răsturnare orizontală și/sau verticală aplicată în prezent separatorului.
S-a actualizat câmpul Divider Height din Module Options pentru a permite salvarea valorilor procentuale ("%") în plus față de unitatea implicită de pixeli ("px").
S-a actualizat setarea Repetare orizontală Divider în Opțiuni modul doar pentru a accepta valori numerice pozitive („1x” sau mai mare).
Fundația opțiunilor pentru Condiții adăugate, inclusiv condițiile inițiale pentru Rolul Autor, Conectat și Utilizator, Condițiile rămase care urmează să fie adăugate progresiv în versiunile viitoare.
S-a adăugat componenta ElementComponents, echivalentul lui <ElementStyle /> dar pentru elementele HTML redate.
S-a adăugat funcția elementClassnames(), echivalentul lui <ElementStyle />, dar pentru funcțiile care scot nume de clasă.
S-a remediat eroarea la nivelul titlului fontului.
Avertismente PHP fixe declanșate în Modulul Portofoliu.
Reapelarea cu permisiunea REST adecvată a fost adăugată la toate rutele REST înregistrate.
O nouă clasă RoleEditor a fost introdusă pentru a determina rolurile Divi, inclusiv teste pentru funcționalitatea care a fost refactorizată de la D4 la D5.
Caracteristicile .sendRequest(), cum ar fi adăugarea automată ET și WP nonce și suportul de răspuns la flux, au fost adăugate la fetch().
Fetch() a fost complet refactorizat pentru o mai bună întreținere și scalabilitate, permițând introducerea de condiții și caracteristici noi și complexe, de exemplu, opțiunile .sendRequest().
Toate apelurile API REST, fetch(), loggedFetch() și .sendRequest(), au fost unificate, iar acum este folosit doar loggedFetch().
Mecanism de conversie refactorizat pentru module.

Divi 5.0.0-dev-alpha.6

Înregistrarea, logica, schemele și testele REST API îmbunătățite și simplificate. Pachetul divi/ajax a fost redenumit în pachetul divi/rest.
S-au adăugat componente InlineTextEditorContainer și InlineTextEditor pentru Inline Text Editor.
S-au adăugat manerele onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown și onMouseUp pentru Editorul de text inline.
S-a adăugat un mecanism de salvare pentru a actualiza valoarea atributului din câmpul Editor de text inline.
S-au adăugat handlere de evenimente pentru a activa și dezactiva modul de editare pentru Editorul de text inline.
S-au adăugat ClassNames bazate pe activare/dezactivare și alte stări precum __empty, __editing, __html.
S-a adăugat stil CSS/Inline pentru Editorul de text inline.
WindowEventEmitterInstance refactorizat pentru a adăuga un ascultător de evenimente mousedown.
A fost introdus un ajutor PHP pentru conținut responsive.
A fost introdus un ajutor JS pentru conținut receptiv.
S-a adăugat funcționalitate de conținut receptiv în scripturile FE.
S-a adăugat implementarea conținutului receptiv în elementele Nume, Poziție, Imagine și Conținut ale modulului Membru al echipei
S-a adăugat implementarea conținutului receptiv în elementele Utilizare Procentaj, Procent și Titlu ale modulului Contoare de bare
S-a adăugat implementarea conținutului receptiv în elementul Button Text al modulului Button.
S-a adăugat implementarea conținutului receptiv în elementele Titlu și Conținut ale modulului Comutare.
S-a adăugat implementarea conținutului receptiv în elementul Text Inner al modulului Text.
S-a adăugat implementarea conținutului receptiv în elementul Titlu al modulului Timer numărătoare inversă.
S-a adăugat implementarea conținutului receptiv în elementele Titlu, Imagine, Nume artist și Nume album ale modulului Audio.
S-a adăugat implementarea conținutului receptiv în elementul Conținut al modulului Cod.
S-a adăugat implementarea conținutului receptiv în elementele Titlu, Conținut și Buton ale modulului CTA.
S-a adăugat implementarea conținutului receptiv în modulul Imagine.
S-a adăugat implementarea conținutului receptiv în elementul Titlu al modulului Circle Counter.
S-a adăugat implementarea conținutului receptiv în elementul Titlu al modulului Number Counter.
S-a adăugat implementarea conținutului receptiv în elementele Titlu și Conținut ale modulului Tabs.
S-a adăugat implementarea conținutului receptiv în elementele Titlu și Conținut ale modulului de conectare.
S-a adăugat implementarea conținutului receptiv în opțiunea Show Divider a modulului Divider.
S-a adăugat implementarea conținutului receptiv în elementele Titlu, Subtitlu, Conținut, Imagine siglă, Imagine antet, Text Button One și Text Button Two ale modulului Antet cu lățime completă.
S-a adăugat implementarea conținutului receptiv în modulul Fullwidth Image.
S-a adăugat implementarea de conținut receptiv în elementele Titlu și Conținut ale modulului Portofoliu.
Relocați codul legat de modulul Shortcode în pachetul Shortcode Module.
Adăugați redarea stilului de titlu de font pe componenta ElementStyle.

Viteza lui Divi 5

Înainte de a încheia postarea de astăzi, vreau să discutăm despre viteză . După cum probabil știți, nu intenționăm să adăugăm multe, dacă există, caracteristici noi la Divi 5. Cu toate acestea, una dintre cele mai semnificative schimbări care va veni cu această nouă versiune este o creștere masivă a vitezei, în special în Visual Builder , unde toți petrecem atât de mult timp.

Chiar dacă Divi 5 UI nu este finalizată, iar constructorului îi lipsesc funcții, am vrut totuși să vă dau o privire la diferența de performanță despre care tot vorbesc. Așa că vă rugăm să nu judecați cum arată lucrurile în acest videoclip, care se va schimba, și concentrați-vă doar pe viteza interacțiunilor!

Veți observa imediat că totul apare instantaneu pe măsură ce elementele sunt plasate pe pagină. Deschiderea ferestrei pop-up de setări este la fel de rapidă, ca și ajustarea setărilor de design. Este o diferență între noapte și zi. De asemenea, nu contează cât de mare și de complexă devine pagina. Visual Builder se poate descurca și rămâne rapid.

Atingerea acestui nivel de viteză nu a fost posibilă în Divi 4 și este unul dintre motivele pentru care această re-arhitectură Divi 5 este atât de importantă.

În curând: Divi AI

Asta este totul pentru actualizarea Divi 5 de luna aceasta. Totuși, mai am un teaser pentru tine. Deși aproape întreaga noastră echipă este concentrată pe Divi 5, mai avem un grup mic de oameni care lucrează la funcțiile Divi 4 care nu vor afecta dezvoltarea Divi 5 și, în acest moment, lucrăm la ceva foarte interesant.

Se numește Divi AI și folosește modele mari de limbaj pentru a vă ajuta să creați conținut, cum ar fi text și imagini, pentru site-urile dvs. Divi chiar în interiorul constructorului! Deoarece este integrat în Divi, putem învăța lucruri despre constructor și site-ul dvs. web pentru a-l ajuta să creeze sau să vă îmbunătățească conținutul într-un mod care are sens și se simte incredibil de intuitiv.

Urmăriți videoclipul de astăzi de pe Youtube pentru a vedea Divi AI.

Fiți la curent pentru mai multe actualizări

Asta e tot pentru raportul nostru de progres din luna mai. Dacă aveți întrebări, asigurați-vă că lăsați un comentariu. Rămâneți pe fază pentru actualizarea de luna viitoare și ne vedem în următoarea!