Actualizare de progres Divi 5: Explorarea extensibilității Divi 5

Am revenit cu o altă actualizare a progresului Divi 5. Dacă nu sunteți familiarizat cu Divi 5, consultați postarea noastră originală de anunț. Pe scurt, recreăm constructorul din Divi 5 de la zero, concentrându-ne pe performanță, stabilitate, scalabilitate și extensibilitate. Nu va veni cu multe funcții noi, dar va fi mult mai rapid și mai capabil și va oferi echipei noastre și comunității instrumentele de care avem nevoie pentru a începe cu noi module și funcții fantastice.

Luna trecută, am oferit o demonstrație a Divi 5 Visual Builder pentru a-și prezenta viteza fulgerătoare, așa că dacă ați ratat acel videoclip, asigurați-vă că îl verificați.

Voi discuta despre extinderea Divi 5 și voi face o demonstrație rapidă în actualizarea din această lună. Dar mai întâi, să vorbim despre ce a făcut echipa noastră în ultima lună.

Ce am realizat luna aceasta

Am făcut multe progrese luna trecută. Ne apropiem de lansarea Divi 5 Dev Beta, următoarea fază a programului Divi 5 beta și sper să anunț lansarea lui în următoarea mea actualizare.

În timp ce suntem pe drumul de acasă, rămânem concentrați pe simplificarea procesului de creare a modulelor, astfel încât creatorii din comunitate și echipa noastră să poată construi module Divi 5 mai rapid. Munca pe care am depus-o în această fază va aduce dividende în fazele următoare, scopul final fiind să puneți mâna pe Divi 5 mai devreme.

Intrări din jurnalul modificărilor:

• Refactorizarea tuturor modulelor construite în prezent pentru a încorpora un sistem de atribute nou și îmbunătățit bazat pe elemente.
• A fost adăugată funcția saveInlineEditorValue Util în pachete/module-utils pentru a stoca valoarea din Editorul de text inline
• S-a adăugat funcția canEditInline Util în pachete/module-utils pentru a verifica dacă atributul modulului poate fi editat în linie
• S-a adăugat evenimentul onPaste Handler la Editorul de text inline pentru a procesa datele din Clipboard
• Editorul de text în linie înlocuit Nume de clasă bazate pe evenimente cu selectoare de date-* (de exemplu: et-vb-editable-element–empty, et-vb-editable-element–html) În Builder.
• CSS actualizat pentru editorul de text inline cu selectoare de date-* (de exemplu: [data-et-vb-editable-element]).
• Editor de text inline actualizat pentru a verifica dacă modulul este editabil și dacă utilizatorul are permisiunea corespunzătoare de editare
• Magazin de comenzi rapide de la tastatură refactorizat pentru a dezactiva comenzile rapide atunci când Editorul de text inline este în modul de editare
• A fost adăugată funcționalitatea editorului de text inline la modulul audio pentru titlu
• A fost adăugată funcționalitatea editorului de text inline la modulul Blurb pentru titlu
• A fost adăugată funcționalitatea editorului de text inline la modulul contor de bare pentru titlu
• A fost adăugată funcționalitatea editorului de text în linie la modulul Circle Counter pentru titlu
• A fost adăugată funcționalitatea editorului de text inline la modulul de codare pentru conținutul codului (HTML).
• A fost adăugată funcționalitatea editorului de text inline la modulul de cronometru pentru numărătoare inversă pentru titlu
• A fost adăugată funcționalitatea editorului de text în linie la modulul de antet cu lățime completă pentru titlu și subtit
• A fost adăugată funcționalitatea editorului de text inline la modulul de cod cu lățime completă pentru conținut de cod (HTML).
• A fost adăugată funcționalitatea editorului de text inline la modulul de conectare pentru titlu
• A fost adăugată funcționalitatea editorului de text inline la modulul contor de numere pentru titlu
• A fost adăugată funcționalitatea editorului de text în linie la modulul Persoană (membru al echipei) pentru nume și poziție
• A fost adăugată funcționalitatea editorului de text inline la modulul Tabel de prețuri pentru titlu, subtitrare, monedă, sumă și frecvență
• A fost adăugată funcționalitatea editorului de text în linie la modulul Slider pentru antetul diapozitivului
• A fost adăugată funcționalitatea editorului de text inline la modulul de file pentru titlul filei
• A fost adăugată funcționalitatea editorului de text inline la modulul de mărturie pentru autor, titlul postului și numele companiei
• A fost adăugată funcționalitatea editorului de text inline pentru a comuta modulul pentru titlu
• A fost adăugată funcționalitatea Editor de text în linie la vizualizarea Wireframe pentru etichetele de administrare a modulelor
• Funcționalitate actualizată a editorului de text în linie pentru a seta textul implicit atunci când atributul modulului este editat cu o valoare goală (de exemplu, etichete de administrare în modul de vizualizare Wireframe)
• S-au adăugat cazuri de testare pentru a se asigura că modul de editare pentru editorul de text inline nu este activat pentru modulul blocat
• Au fost adăugate teste pentru toate modulele care folosesc editorul de text inline pentru a se asigura că funcționează conform așteptărilor.
• S-au adăugat componentele de bază InlineRichTextEditorContainer și InlineRichTextEditor în Builder pentru editarea inline a textului îmbogățit.
• A introdus clasa ElementInnerContent, o versiune simplificată a clasei MultiViewElement.
• Clasa MultiViewScriptData îmbunătățită.
• S-au adăugat un filtru personalizat și un cârlig în scriptul FE de conținut receptiv.
• A fost introdusă clasa MultiViewElement.
• Conținut dinamic: nou format de valoare pentru conținut dinamic: `$variable(JSON_VALUE)$`.
• Conținut dinamic: a introdus o nouă funcționalitate de conversie a atributelor pentru atributele de conținut dinamic.
• Conținut dinamic: a fost introdusă redarea inițială a conținutului dinamic în partea frontală.
• Nouă abordare a procesării valorilor de conținut dinamic. Valorile de conținut dinamic vor fi procesate pe parserul de bloc înainte ca documentul să fie analizat în lista de structuri de bloc.
• Back portat codul pentru a rezolva conținutul dinamic încorporat și valorile câmpurilor personalizate pe baza numelui și setărilor câmpului.
• Back a portat codul pentru a genera conținut dinamic încorporat și câmpuri personalizate pe baza diferitelor condiții.
• Conținut dinamic: a fost introdusă redarea inițială a conținutului dinamic în VB
• Conținut dinamic: funcționalitate de conținut dinamic integrat în clasa „ModuleElements”.
• Conținut dinamic: a fost implementată funcționalitatea imaginii de fundal dinamice în VB.
• Conținut dinamic: a fost introdusă interfața de utilizare pentru conținut dinamic inițial în Setările modulului în VB. Momentan, acesta este disponibil ca prototip pe textul de intrare al modulului de mărturie, cu suport numai pentru opțiunea de conținut dinamic `site_title`.
• Editor inline RichText: s-au adăugat capacități de bază de editare TinyMCE la componenta editorului text îmbogățit
• Editor de text îmbogățit în linie: a fost actualizat editorul de text îmbogățit în linie pentru a prelua conținut editabil și a salva conținutul editat.
• Module Attribute Refactor: Refactorează atributele modulului Icon.
• Module Attribute Refactor: Refactorează atributele modulului Social Media.
• Module Attribute Refactor: Refactorează atributele modulului Video.
• Module Attribute Refactor: Refactor Caută atributele modulului.
• Module Atribute Refactor: Refactorează atributele modulului Full Width Code.
• Module Atribute Refactor: Atributele modulului Refactor Pricing Tables.
• Module Attribute Refactor: Refactorează atributele modulului Accordion.
• Module Attribute Refactor: Refactorează atributele modulului Hartă cu lățime completă.
• Module Attribute Refactor: Refactorează atributele modulului Full Width Slider.
• Module Attribute Refactor: Refactorizarea atributelor modulului Hartă.
• Erori raportate de comunitate: Implementarea mecanismului de credit al modulului. Adăugați credit pe module.json pentru a afișa creditul modulului.
• Erori raportate de comunitate: activați eticheta selectată în descrierea câmpului
• Opțiuni de tranziție: S-a adăugat o componentă de stil de tranziție pentru toate modulele care au folosit ElementStyle.
• Elemente de modul: introducerea clasei ModuleElements pentru a simplifica crearea de elemente pe modulele Audio, Blurb, CTA și Testimonial.

Ilustrarea extensibilității Divi 5

Unul dintre cele mai esențiale aspecte ale Divi 5 este extensibilitatea sa. Când vorbesc despre extensibilitate, vorbesc despre Divi 5 că este agil și capabil din perspectiva API și despre multele caracteristici unice pe care le putem crea datorită acelor îmbunătățiri. Am vorbit, de asemenea, despre alinierea Divi 5 cu viitorul WordPress, eliminarea codurilor scurte și integrarea multor pachete bloc WordPress în Divi 5.

Ce înseamnă toate acestea pentru viitorul Divi?

I-am cerut managerului echipei noastre de dezvoltatori să găsească puțin timp liber pentru a crea o demo rapidă care ilustrează aceste aspecte, astfel încât să pot împărtăși ceva distractiv în această actualizare, care este reprezentativ vizual pentru extensibilitatea Divi 5. A venit cu Modulul de blocare automată. Un modul care transformă fiecare bloc Gutenberg într-un modul Divi, supraalimentându-le cu gama largă de setări de design Divi și permițându-vă să amestecați module și blocuri pe aceeași pagină!

Modulul bloc preia elemente HTML din bloc și generează în mod dinamic grupuri de opțiuni care vă oferă control complet asupra designului acestuia. De asemenea, puteți genera noi grupuri de opțiuni din mers, țintind și personalizând orice element.

Deși am creat acest modul bloc pentru distracție, și nu este nici finisat, nici lustruit, este o demonstrație minunată a ceea ce putem face cu Divi 5 și cu relativă ușurință, datorită noii fundații pe care o creăm.

Nu numai că este ușor pentru noi, ci și pentru tine și comunitatea de dezvoltare, datorită naturii deschise a API-ului. S-ar putea chiar să terminăm acest Modul Block și să-l adăugăm la Divi 5 ca caracteristică oficială. Dar, deocamdată, rămânem concentrați pe progresul prin fazele beta.

Divi AI este aproape terminat!

Asta încheie actualizarea Divi 5 din această lună. În altă ordine de idei, prima noastră versiune de Divi AI este aproape terminată, ceea ce vă va permite să generați imagini extraordinare din aer și să scrieți și să îmbunătățiți conținutul cu AI în timp ce lucrați în Visual Builder. M-am distrat foarte mult jucând cu versiunea neterminată și aștept cu nerăbdare să o împachetez și să o expediez în curând!

Fiți la curent pentru mai multe actualizări

Am promis că voi oferi Divi 5 actualizări de progres în fiecare lună și asta am de gând să fac! Nu pot să promit că fiecare actualizare va fi interesantă, dar fiți siguri că muncim cât putem de mult pentru a finaliza acest proiect uriaș. În fiecare zi ne apropiem puțin și fondul de ten Divi 5 devine puțin mai puternic. În curând vom lansa Divi 5 Dev Beta, ceea ce înseamnă că fundația va fi completă. De acolo, este cu toții înainte funcțiile orientate către utilizator pe care le vei putea testa în Public Alpha mai târziu în acest an.

Lasă un comentariu dacă ai întrebări. Ne vedem la următoarea actualizare!