Aggiornamento dei progressi di maggio di Divi 5: anteprima della velocità di Divi 5

Siamo nel bel mezzo di un enorme progetto, Divi 5, e mi piace aggiornare la community ogni mese sui nostri progressi. Il mese scorso, abbiamo approfondito le cinque fasi del programma beta di Divi 5 per capire meglio come ci stiamo avvicinando a un progetto così grande nel modo più vantaggioso per gli utenti Divi. Siamo nella Fase 1, Dev Alpha, e ci stiamo avvicinando al lancio di Dev Beta, a quel punto la nuova API Divi 5 sarà consolidata. Inviteremo più sviluppatori a unirsi al programma mentre lavoriamo per la prima versione pubblica entro la fine dell'anno.

Nell'aggiornamento di questo mese parleremo degli aggiornamenti che abbiamo apportato a Divi 5. Ti mostrerò anche quanto è veloce Divi 5 e poi ti darò un'anteprima della nostra imminente funzione Divi AI! Scaviamo.

Cosa abbiamo realizzato questo mese

Abbiamo fatto molto questo mese! Ci sono molte piccole cose che stiamo completando, una per una, man mano che ci avviciniamo alla nostra prima versione pubblica, in cui l'interfaccia utente dovrà essere perfezionata e sarà necessario completare un solido set di funzionalità Divi. Abbiamo lavorato su divisori di sezione, video di sfondo, opzioni di condizione, contenuto reattivo e risolto alcuni bug.

La maggior parte del nostro lavoro si è concentrata sulla solidificazione dell'API Divi 5, che è ciò di cui trattano le versioni Dev Beta. La tendenza generale qui è che stiamo costruendo una base per rendere più facile per il nostro team e la comunità di sviluppo creare fantastici moduli e funzionalità Divi. Dobbiamo fare bene questa parte in modo che tutto il resto vada a posto come vogliamo.

Abbiamo lavorato per unificare e semplificare la nuova API REST di Divi 5. Abbiamo terminato diverse nuove funzioni e le loro implementazioni, che mirano a ridurre significativamente il tempo necessario per creare un modulo Divi. Ancora una volta, stiamo facendo un lavoro extra a livello di base in modo che il resto del progetto Divi 5 vada più veloce e tutti i moduli e le funzionalità che aggiungiamo dopo Divi 5 vengano sviluppati più rapidamente.

Abbiamo anche refactoring il metodo di conversione shortcode di Divi, che giocherà un ruolo essenziale nella retrocompatibilità.

Se sei interessato ai dettagli più fini, ecco le voci dei log delle modifiche più recenti:

Divi 5.0.0-dev-alpha.4

• Correzione del rendering per i campi di sfondo nelle impostazioni modali del modulo Shortcode
• Correggi la visibilità dei campi di impostazione del modulo shortcode con le condizioni del pattern regex.
• Aggiunto il rendering frontend delle opzioni dei divisori di sezione.
• Risolto il problema con le opzioni al passaggio del mouse che non funzionavano correttamente nel visual builder e nel front-end per le opzioni del modulo che hanno più selettori.
• Refactoring del pacchetto @divi/scripts e aggiunta di test
• Tipi di pacchetti pubblicati in npm in preparazione per il rilascio al pubblico

Divi 5.0.0-dev-alpha.5

• Consenti al modulo Shortcode di inviare un'altra richiesta quando la richiesta precedente viene interrotta automaticamente.
• Visualizza il pulsante delle opzioni appiccicose quando il modulo Shortcode corrente è appiccicoso.
• Visualizza il pulsante delle opzioni permanenti quando il modulo Shortcode corrente si trova all'interno di un modulo permanente.
• Rimosso il valore predefinito inutilizzato Record<numero, stringa | Record<stringa, stringa>> digitare nel modulo Shortcode.
• Risolti gli elementi errati del modulo Woo Shortcode visualizzati su una singola pagina del prodotto. Moduli Shortcode interessati: Woo Product Notice, Woo Product Images, Woo Add To Cart, Woo Product Stock, Woo Product Price, Woo Related Products, Woo Product Upsell e Woo Products.
• Rinomina il modulo Unsupported nel modulo Shortcode insieme allo slug del modulo, al percorso dell'API REST, all'etichetta, ai casi di test e al libro di racconti.
• Aggiunti campi video di sfondo nelle opzioni di sfondo del modulo.
• Refactoring del video di sfondo in Visual Builder senza chiamate all'API REST.
• Aggiunto il rendering delle opzioni del modulo video in background nel frontend.
• Aggiunto ScriptData per inizializzare il video di sfondo nel frontend.
• Aggiunto il supporto per le opzioni del modulo video in background nello stato permanente.
• Visibilità aggiornata dei campi divisori in Opzioni modulo per nascondere opzioni aggiuntive se non è stato selezionato uno stile divisore.
• Visibilità aggiornata dell'impostazione Ripetizione orizzontale divisore in Opzioni modulo da nascondere per le opzioni Stile divisore che rifiutano esplicitamente la ripetizione.
• Visibilità aggiornata dell'impostazione Disposizione divisori in Opzioni modulo da nascondere nelle impostazioni Sezione a larghezza intera (dove è consentito solo il valore predefinito "sotto").
• Aggiornata l'anteprima del campo Stile divisore in Opzioni modulo per riflettere qualsiasi capovolgimento orizzontale e/o verticale attualmente applicato al divisore.
• Aggiornato il campo Altezza divisore in Opzioni modulo per consentire il salvataggio dei valori percentuali ("%") oltre all'unità di pixel predefinita ("px").
• Aggiornata l'impostazione Ripetizione orizzontale divisore in Opzioni modulo solo per accettare valori numerici positivi ("1x" o superiore).
• Aggiunta delle opzioni di base delle condizioni, comprese le condizioni iniziali per autore, accesso e ruolo utente, condizioni rimanenti da aggiungere in modo incrementale nelle versioni future.
• Aggiunto il componente ElementComponents, l'equivalente di <ElementStyle /> ma per gli elementi HTML renderizzati.
• Aggiunta la funzione elementClassnames(), l'equivalente di <ElementStyle /> ma per funzioni che restituiscono nomi di classe.
• Corretto l'errore del livello di intestazione del carattere.
• Risolti gli avvisi PHP attivati ​​nel modulo Portfolio.
• La richiamata dell'autorizzazione REST corretta è stata aggiunta a tutte le route REST registrate.
• È stata introdotta una nuova classe RoleEditor per determinare i ruoli Divi, inclusi i test per la funzionalità che è stata sottoposta a refactoring da D4 a D5.
• Le funzionalità di .sendRequest(), come l'aggiunta automatica di ET e WP nonce e il supporto della risposta in streaming, sono state aggiunte a fetch().
• fetch() è stato completamente rifattorizzato per una migliore manutenibilità e scalabilità, consentendo l'introduzione di condizioni e caratteristiche nuove e complesse, ad esempio le opzioni di .sendRequest().
• Tutte le chiamate API REST, fetch(), loggedFetch() e .sendRequest(), sono state unificate e ora viene utilizzato solo loggedFetch().
• Meccanismo di conversione refactored per i moduli.

Divi 5.0.0-dev-alpha.6

• Registrazione, logica, schemi e test dell'API REST migliorati e semplificati. Pacchetto divi/ajax rinominato in pacchetto divi/rest.
• Aggiunti i componenti InlineTextEditorContainer e InlineTextEditor per l'editor di testo in linea.
• Aggiunti i gestori onBlur, onClick, onDoubleClick, onKeyDown, onKeyUp, onMouseDown e onMouseUp per l'editor di testo in linea.
• Aggiunto un meccanismo di salvataggio per aggiornare il valore dell'attributo dal campo Editor di testo in linea.
• Aggiunti gestori di eventi per attivare e disattivare la modalità di modifica per l'editor di testo in linea.
• Aggiunti ClassName basati su attivazione/disattivazione e altri stati come __empty, __editing, __html.
• Aggiunto stile CSS/in linea per l'editor di testo in linea.
• Refactored WindowEventEmitterInstance per aggiungere il listener di eventi mousedown.
• Introdotto l'helper PHP per i contenuti reattivi.
• Introdotto l'helper JS per i contenuti reattivi.
• Aggiunta funzionalità di contenuto reattivo negli script FE.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Nome, Posizione, Immagine e Contenuto del modulo Membro del team
• Aggiunta l'implementazione del contenuto reattivo negli elementi Usa percentuale, Percentuale e Titolo del modulo Contatori bar
• Aggiunta l'implementazione del contenuto reattivo nell'elemento Button Text del modulo Button.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo e Contenuto del modulo Toggle.
• Aggiunta l'implementazione del contenuto responsive nell'elemento Text Inner del modulo Text.
• Aggiunta l'implementazione del contenuto reattivo nell'elemento Titolo del modulo Countdown Timer.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo, Immagine, Nome artista e Nome album del modulo Audio.
• Aggiunta l'implementazione del contenuto reattivo nell'elemento Contenuto del modulo Codice.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo, Contenuto e Pulsante del modulo CTA.
• Aggiunta l'implementazione del contenuto reattivo nel modulo Immagine.
• Aggiunta l'implementazione del contenuto reattivo nell'elemento Titolo del modulo Circle Counter.
• Aggiunta l'implementazione del contenuto responsive nell'elemento Title del modulo Number Counter.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo e Contenuto del modulo Schede.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo e Contenuto del modulo Login.
• Aggiunta l'implementazione del contenuto reattivo nell'opzione Mostra divisore del modulo Divisore.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo, Sottotitolo, Contenuto, Immagine logo, Immagine intestazione, Testo pulsante uno e Testo pulsante due del modulo Intestazione a larghezza intera.
• Aggiunta l'implementazione del contenuto reattivo nel modulo Fullwidth Image.
• Aggiunta l'implementazione del contenuto reattivo negli elementi Titolo e Contenuto del modulo Portfolio.
• Riposiziona il codice relativo al modulo Shortcode nel pacchetto Shortcode Module.
• Aggiungi il renderer dello stile dell'intestazione del carattere nel componente ElementStyle.

La velocità di Divi 5

Prima di concludere il post di oggi, voglio parlare della velocità . Come forse saprai, non abbiamo in programma di aggiungere molte nuove funzionalità a Divi 5, se non nessuna. Tuttavia, uno dei cambiamenti più significativi che arriveranno con questa nuova versione è un enorme aumento della velocità, specialmente nel Visual Builder , dove trascorriamo tutti così tanto tempo.

Anche se l'interfaccia utente di Divi 5 non è completa e al builder mancano funzionalità, volevo comunque darti un'anteprima della differenza di prestazioni di cui continuo a parlare. Quindi, per favore, non giudicare come appaiono le cose in questo video, che cambierà, e concentrati solo sulla velocità delle interazioni!

Noterai immediatamente che tutto appare all'istante quando gli elementi vengono posizionati sulla pagina. L'apertura del popup delle impostazioni è altrettanto rapida, così come la regolazione delle impostazioni del design. È una differenza tra giorno e notte su tutta la linea. Inoltre, non importa quanto grande e complessa diventi la pagina. Il Visual Builder può gestirlo e rimane veloce.

Raggiungere questo livello di velocità non era possibile in Divi 4, ed è uno dei motivi per cui questa riarchitettura di Divi 5 è così importante.

Prossimamente: Divi AI

Questo è tutto per l'aggiornamento Divi 5 di questo mese. Tuttavia, ho un altro teaser per te. Sebbene quasi tutto il nostro team sia concentrato su Divi 5, abbiamo ancora un piccolo gruppo di persone che lavora sulle funzionalità di Divi 4 che non influiranno sullo sviluppo di Divi 5 e in questo momento stiamo lavorando a qualcosa di molto eccitante.

Si chiama Divi AI e sfrutta modelli linguistici di grandi dimensioni per aiutarti a creare contenuti, come testo e immagini, per i tuoi siti Web Divi direttamente all'interno del builder! Poiché è integrato in Divi, possiamo insegnare cose sul builder e sul tuo sito Web per aiutarlo a creare o migliorare i tuoi contenuti in un modo che abbia senso e sia incredibilmente intuitivo.

Guarda il video Youtube di oggi per un'anteprima di Divi AI.

Restate sintonizzati per ulteriori aggiornamenti

Questo è tutto per il nostro rapporto sui progressi di maggio. Se hai domande, assicurati di lasciare un commento. Resta sintonizzato per l'aggiornamento del mese prossimo e ci vediamo nel prossimo!