Aggiornamento dei progressi di Divi 5: esplorazione dell'estensibilità di Divi 5

Sono tornato con un altro aggiornamento sui progressi di Divi 5. Se non hai familiarità con Divi 5, dai un'occhiata al nostro post di annuncio originale. Per farla breve, stiamo ricreando il builder in Divi 5 da zero, concentrandoci su prestazioni, stabilità, scalabilità ed estensibilità. Non verrà fornito con molte nuove funzionalità, ma sarà molto più veloce e più capace e fornirà al nostro team e alla comunità gli strumenti di cui abbiamo bisogno per partire alla grande con nuovi fantastici moduli e funzionalità.

Il mese scorso, ho fornito una demo di Divi 5 Visual Builder per mostrare la sua velocità fulminea, quindi se ti sei perso quel video, assicurati di dare un'occhiata.

Discuterò dell'estensibilità di Divi 5 e darò una rapida dimostrazione nell'aggiornamento di questo mese. Ma prima, parliamo di cosa ha fatto il nostro team nell'ultimo mese.

Cosa abbiamo realizzato questo mese

Abbiamo fatto molti progressi il mese scorso. Ci stiamo avvicinando al lancio di Divi 5 Dev Beta, la fase successiva del programma beta di Divi 5, e spero di annunciarne il rilascio nel mio prossimo aggiornamento.

Mentre siamo in dirittura d'arrivo, rimaniamo concentrati sulla semplificazione del processo di creazione dei moduli in modo che i creatori della community e il nostro team possano creare i moduli Divi 5 più rapidamente. Il lavoro svolto durante questa fase ripagherà nelle fasi successive, con l'obiettivo finale di mettere le mani su Divi 5 prima.

Voci del registro delle modifiche:

• Refactoring di tutti i moduli attualmente costruiti per incorporare un nuovo e migliorato sistema di attributi basato sugli elementi.
• Aggiunta la funzione saveInlineEditorValue Util in packages/module-utils per memorizzare il valore dall'editor di testo inline
• Aggiunta funzione canEditInline Util in packages/module-utils per verificare se l'attributo del modulo può essere modificato in linea
• Aggiunto l'evento del gestore onPaste all'editor di testo in linea per elaborare i dati degli Appunti
• Sostituiti i nomi delle classi basati sugli eventi dell'editor di testo in linea con i selettori data-* (ad esempio: et-vb-editable-element–empty, et-vb-editable-element–html) in The Builder.
• CSS aggiornato per l'editor di testo in linea con i selettori data-* (ad esempio: [data-et-vb-editable-element]).
• Editor di testo in linea aggiornato per verificare se il modulo è modificabile e se l'utente dispone dell'autorizzazione corretta per la modifica
• Memorizza scorciatoie da tastiera refactored per disabilitare le scorciatoie quando l'editor di testo in linea è in modalità di modifica
• Aggiunta la funzionalità dell'editor di testo in linea al modulo audio per il titolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo Blurb per il titolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo del contatore a barre per il titolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo contatore circolare per il titolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo di codice per il contenuto del codice (HTML).
• Aggiunta la funzionalità dell'editor di testo in linea al modulo del conto alla rovescia per il titolo
• Aggiunta funzionalità dell'editor di testo in linea al modulo di intestazione a larghezza intera per titolo e sottotitolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo di codice a larghezza intera per il contenuto del codice (HTML).
• Aggiunta la funzionalità dell'editor di testo in linea al modulo di accesso per il titolo
• Aggiunta funzionalità dell'editor di testo in linea al modulo contatore numerico per titolo
• Aggiunta la funzionalità dell'editor di testo in linea al modulo Persona (membro del team) per nome e posizione
• Aggiunta la funzionalità dell'editor di testo in linea al modulo della tabella dei prezzi per titolo, sottotitolo, valuta, somma e frequenza
• Aggiunta la funzionalità dell'editor di testo in linea al modulo di scorrimento per l'intestazione della diapositiva
• Aggiunta la funzionalità dell'editor di testo in linea al modulo Schede per il titolo della scheda
• Aggiunta la funzionalità dell'editor di testo in linea al modulo di testimonianza per autore, titolo professionale e nome dell'azienda
• Aggiunta la funzionalità dell'editor di testo in linea per alternare il modulo per il titolo
• Aggiunta la funzionalità dell'editor di testo in linea alla vista wireframe per le etichette di amministrazione del modulo
• Funzionalità dell'editor di testo in linea aggiornata per impostare il testo predefinito quando l'attributo del modulo viene modificato con un valore vuoto (ad esempio etichette di amministrazione in modalità di visualizzazione wireframe)
• Aggiunti casi di test per garantire che la modalità di modifica per l'editor di testo in linea non venga attivata per il modulo bloccato
• Aggiunti test per in tutti i moduli che utilizzano l'editor di testo in linea per assicurarsi che funzioni come previsto.
• Aggiunti componenti di base InlineRichTextEditorContainer e InlineRichTextEditor nel generatore per la modifica in linea di Rich Text.
• Introdotta la classe ElementInnerContent, una versione semplificata della classe MultiViewElement.
• Classe MultiViewScriptData migliorata.
• Aggiunto filtro personalizzato e hook nello script Responsive Content FE.
• Introdotta la classe MultiViewElement.
• Contenuto dinamico: nuovo formato del valore del contenuto dinamico: `$variable(JSON_VALUE)$`.
• Contenuto dinamico: introdotta una nuova funzionalità di conversione degli attributi per gli attributi del contenuto dinamico.
• Contenuto dinamico: introdotto il rendering iniziale del contenuto dinamico nella parte frontend.
• Nuovo approccio all'elaborazione dei valori del contenuto dinamico. I valori del contenuto dinamico verranno elaborati sul parser del blocco prima che il documento venga analizzato nell'elenco delle strutture del blocco.
• Back porting del codice per risolvere i valori del campo integrato e personalizzato di Dynamic Content in base al nome e alle impostazioni del campo.
• Back porting del codice per generare i campi predefiniti e personalizzati di Dynamic Content in base a condizioni diverse.
• Contenuto dinamico: introdotto il rendering iniziale del contenuto dinamico in VB
• Contenuto dinamico: funzionalità di contenuto dinamico integrato nella classe `ModuleElements`.
• Contenuto dinamico: implementata la funzionalità Immagine di sfondo dinamica in VB.
• Contenuto dinamico: introdotta l'interfaccia utente iniziale del contenuto dinamico nelle impostazioni del modulo in VB. In questo momento questo è disponibile come prototipo sul testo di input del modulo di testimonianza con il supporto solo sull'opzione di contenuto dinamico `site_title`.
• Editor RichText in linea: Aggiunte funzionalità di modifica di TinyMCE di base al componente dell'editor Rich Text in linea
• Editor RichText inline: aggiornato l'editor inline Rich Text per recuperare il contenuto modificabile e salvare il contenuto modificato.
• Module Attribute Refactor: Refactor Icon attributi del modulo.
• Module Attribute Refactor: Refactoring degli attributi del modulo Social Media.
• Module Attribute Refactor: Refactoring degli attributi del modulo Video.
• Module Attribute Refactor: Refactor Cerca gli attributi del modulo.
• Module Attribute Refactor: Refactoring degli attributi del modulo Full Width Code.
• Module Attribute Refactor: Attributi del modulo Refactor Tabelle dei prezzi.
• Module Attribute Refactor: Rifattorizzazione degli attributi del modulo Accordion.
• Module Attribute Refactor: Refactoring degli attributi del modulo Full Width Map.
• Module Attribute Refactor: Refactoring degli attributi del modulo Full Width Slider.
• Module Attribute Refactor: Attributi del modulo Refactor Map.
• Bug segnalati dalla comunità: implementazione del meccanismo di credito del modulo. Aggiungi credito su module.json per visualizzare il credito del modulo.
• Bug segnalati dalla community: abilita il tag selezionato nella descrizione del campo
• Opzioni di transizione: Aggiunto componente di stile di transizione per tutti i moduli che utilizzavano ElementStyle.
• Elementi del modulo: Presentazione della classe ModuleElements per semplificare la creazione di elementi sui moduli Audio, Blurb, CTA e Testimonial.

Illustrare l'estensibilità di Divi 5

Uno degli aspetti più essenziali di Divi 5 è la sua estensibilità. Quando parlo di estensibilità, parlo di Divi 5 che è agile e capace dal punto di vista dell'API e delle numerose funzionalità uniche che possiamo creare grazie a questi miglioramenti. Ho anche parlato dell'allineamento di Divi 5 con il futuro di WordPress, della rimozione degli shortcode e dell'integrazione di molti dei pacchetti di blocchi di WordPress in Divi 5.

Cosa significa tutto questo per il futuro di Divi?

Ho chiesto al responsabile del nostro team di sviluppo di trovare un po' di tempo libero per preparare una rapida demo che illustri questi aspetti in modo da poter condividere qualcosa di divertente in questo aggiornamento che sia visivamente rappresentativo dell'estensibilità di Divi 5. Ha inventato il modulo di blocco automatico. Un modulo che trasforma ogni blocco Gutenberg in un modulo Divi, potenziandoli con l'ampia gamma di impostazioni di design di Divi e consentendoti di combinare moduli e blocchi sulla stessa pagina!

Il modulo del blocco prende gli elementi HTML dal blocco e genera dinamicamente gruppi di opzioni che ti danno il controllo completo sul suo design. Puoi anche generare nuovi gruppi di opzioni al volo, mirando e personalizzando qualsiasi elemento.

Mentre abbiamo creato questo modulo a blocchi per divertimento, e non è né finito né rifinito, è una meravigliosa dimostrazione di cosa possiamo fare con Divi 5, e con relativa facilità, grazie alla nuova base che stiamo creando.

Non solo è facile per noi, ma anche per te e per la comunità di sviluppo, grazie alla natura aperta dell'API. Potremmo persino completare questo modulo a blocchi e aggiungerlo a Divi 5 come funzionalità ufficiale. Ma per ora, rimaniamo concentrati sull'avanzamento delle fasi beta.

Divi AI è quasi finito!

Questo conclude l'aggiornamento Divi 5 di questo mese. In altre notizie, la nostra prima versione di Divi AI è quasi terminata, che ti consentirà di generare immagini straordinarie dal nulla e scrivere e migliorare i contenuti con l'IA mentre lavori nel Visual Builder. Mi sono divertito molto a giocare con la versione incompiuta e non vedo l'ora di impacchettarla e spedirla presto!

Restate sintonizzati per ulteriori aggiornamenti

Ho promesso di fornire aggiornamenti sui progressi di Divi 5 ogni mese, ed è quello che ho intenzione di fare! Non posso promettere che ogni aggiornamento sarà entusiasmante, ma ti assicuro che stiamo lavorando il più duramente possibile per portare a termine questo enorme progetto. Ogni giorno ci avviciniamo un po' di più e le fondamenta di Divi 5 diventano un po' più forti. Presto lanceremo Divi 5 Dev Beta, il che significa che le basi saranno complete. Da lì, è tutto avanti con le funzionalità rivolte agli utenti che potrai testare nell'alfa pubblica entro la fine dell'anno.

Lascia un commento se hai domande. Ci vediamo al prossimo aggiornamento!