Divi 5 e l'allontanamento dagli shortcode

Pubblicato: 2023-09-29

Sono tornato con un altro aggiornamento di Divi 5! Come forse saprai, siamo nel bel mezzo di un enorme progetto per ricreare Divi Builder, concentrandoci su miglioramenti fondamentali come prestazioni ed estensibilità.

Fornisco un rapido aggiornamento ogni mese per mantenere la comunità informata sui nostri progressi. Il mese scorso ho annunciato il rilascio di Divi 5 Dev Beta, la seconda delle quattro fasi beta che precederanno il lancio di Divi 5. Con il rilascio di Dev Beta e il completamento dell'API Divi 5, stiamo lavorando verso la Public Alpha, garantendo completiamo abbastanza funzionalità principali di Divi per rendere la prima versione beta pubblica ampiamente utilizzabile.

Cosa abbiamo realizzato questo mese

Abbiamo fatto molto questo mese, completando la conversione di più moduli Divi, come il modulo Fisarmonica, il modulo Segui social, il modulo Icona, il modulo Ricerca e i moduli Codice. Abbiamo corretto più bug, apportato ulteriori miglioramenti, aggiornato più documenti e continuato il nostro cammino verso la fase Alpha pubblica.

Ecco le ultime voci del registro delle modifiche di Divi 5.

  • Aggiunti i moduli Mappa e Pin mappa per Divi 5
  • Aggiunte tabelle dei prezzi e modulo Tabella dei prezzi per Divi 5
  • Aggiunti moduli Slider e Slide per Divi 5
  • Aggiunto modulo Video per Divi 5
  • Implementa l'importazione di layout predefiniti tramite l'app cloud nel visual builder.
  • Risolto il problema con il pulsante Contenuto dinamico in modo che venisse visualizzato anche nelle caselle di testo piene.
  • Aggiunto miglioramento dell'interfaccia utente per il gruppo di opzioni nidificate nella modalità delle impostazioni del modulo.
  • Module.json generato dal file ts digitato per garantire che i valori delle proprietà dei metadati del modulo siano convalidati.
  • Test snapshot PHP aggiornato
  • Risolto un bug che impediva il caricamento dei fogli di stile Divi nel Builder quando era attivo un tema figlio.
  • Risolti i collegamenti al portfolio in uscita dal visual builder.
  • Risolto il problema con il ripristino di un'immagine al passaggio del mouse personalizzata che causava conflitti su FE.
  • Risolto il problema relativo alle dimensioni della modalità Guida per cui lo sganciamento della modalità Guida la faceva apparire più grande della sua dimensione originale.
  • Risolto il problema con il peso predefinito del modulo divisore.
  • Corretta la dimensione predefinita dell'icona del modulo Blurb.
  • Aggiornati i colori del bordo e del testo dei pulsanti CTA e Login in modo che siano vuoti per impostazione predefinita.
  • Introdotto elementType imageLink nella classe ModuleElements che funziona per eseguire il rendering di un elemento immagine collegato.
  • Introdotto il wrapper elementType nella classe ModuleElements che funziona per eseguire il rendering di un elemento wrapper.
  • Introdotta l'immagine elementType nella classe ModuleElements che funziona per eseguire il rendering di un elemento immagine.
  • Risolta la differenza HTML tra D4 e D5 per il modulo Codice.
  • Aggiunti moduli Fisarmonica e Oggetti fisarmonica per Divi 5
  • Aggiunti moduli Social Media e Social Media Item per Divi 5
  • Aggiunto modulo Icona per Divi 5
  • Aggiunto modulo di ricerca per Divi 5
  • Aggiunto il modulo Codice a larghezza intera per Divi 5
  • Creato un generatore di documenti per Divi 5 PHP Action e Filter Hooks.
  • Aggiornata la dichiarazione del documento sugli action hook PHP.
  • Aggiornata la dichiarazione del documento sugli hook dei filtri PHP.
  • Documenti aggiornati per l'API PHP.
  • Aggiunto miglioramento dell'interfaccia utente per le impostazioni del modulo e modale in generale.
  • Tutorial aggiornato per incorporare gli ultimi miglioramenti nello sviluppo dei moduli.
  • Aggiunto nuovo componente Libreria campi: avviso
  • Refactoring dell'implementazione di "animationClassnames".
  • Aggiunte le proprietà "moduleClassname" e "moduleOrderClassname" per i metadati del modulo su "module.json"
  • Aggiunto il metodo `ModuleElement.scriptData()`
  • Aggiunto il metodo `ModuleElement.styleComponents()`
  • Aggiunta opzione per attivare l'interfaccia utente avanzata
  • Risolto un problema per cui la modifica dello stile di animazione causava l'arresto anomalo del modulo.
  • Risolto il problema con lo stato corretto (desktop, tablet ecc.) che non veniva selezionato nella modalità Selezione stato.
  • Risolto il problema con il selettore errato per appiccicoso.
  • Risolti i riferimenti rimanenti a defaultAttrs e defaultPrintedStyleAttrs nel sito della documentazione
  • Risolto il problema relativo alle impostazioni del modulo Il campo non gestisce correttamente il valore reattivo/al passaggio del mouse/permanente se le proprietà del campo non sono dichiarate esplicitamente
  • Risolto il problema con le icone della barra delle impostazioni della pagina nei pulsanti non centrate in Firefox
  • Risolto il problema relativo all'importazione delle opzioni di collegamento da D4 a D5 nel modulo Blurb.
  • Risolto il problema relativo all'importazione delle opzioni di collegamento da D4 a D5 nel modulo CTA.
  • Risolto il problema relativo alla visualizzazione dei titoli degli elementi secondari dinamici nel pannello dei contenuti per il modulo scheda.
  • Gli offset verticali e orizzontali fissi non funzionano con la posizione relativa nel modulo Intestazione a larghezza intera.
  • Accoda correttamente lo stile del pacchetto dopo lo stile del tema
  • Pagina della documentazione aggiornata delle funzioni utilizzate nel tutorial dev beta

Parliamo di codici brevi

Volevo anche prendermi un momento per discutere di uno dei cambiamenti più significativi di Divi 5, ovvero la rimozione degli shortcode e la migrazione verso un formato di archiviazione più moderno che si allinei al futuro di WordPress.

Perché allontanarsi dagli shortcode?

Ci sono molti vantaggi nell’allontanarsi di Divi 5 dagli shortcode. Innanzitutto, WordPress deprecherà inevitabilmente gli shortcode poiché sempre più utenti gravitano verso il nuovo editor e noi vogliamo rimanere al passo con i tempi.

Gli shortcode hanno anche limitazioni che rendono difficile o impossibile realizzare determinate cose, come elementi annidati all'infinito, e presentano anche problemi intrinseci che spesso fanno capolino, come caratteri particolari all'interno del contenuto del post che rompono la logica dello shortcode, il che porta a soluzioni eccessivamente complesse per risolvere il problema di fondo.

Gli shortcode sono anche meno performanti poiché la loro analisi può richiedere espressioni regolari complesse. D'altra parte, il nostro nuovo formato di archiviazione è molto più semplice da analizzare, il che si tradurrà in un piccolo miglioramento delle prestazioni.

Infine, c'è il problema con gli shortcode rimasti nel contenuto del post dopo l'abbandono di Divi, che non sarà più un problema in Divi 5. Se crei il tuo sito web con Divi 5 e poi passi a un nuovo tema o builder , inizierai con uno spazio vuoto anziché con codici brevi indesiderati nel contenuto del post.

Come verranno migrati gli shortcode sui siti Web esistenti?

Per effettuare questo passaggio, dovremo effettuare una ricerca programmatica nel tuo sito Web e convertire gli shortcode nel nuovo formato. Dopo aver eseguito l'aggiornamento a Divi 5, verrà avviato un processo di migrazione per completare la conversione. I vecchi codici brevi Divi 4 funzioneranno ancora con Divi 5, ma avranno un costo in termini di prestazioni e consigliamo a tutti di migrare i propri siti Web e aggiornare i moduli Divi di terze parti in modo che l'intero sito Web utilizzi il framework Divi 5.

Se stai costruendo un nuovo sito web in Divi 5, invece, tutto utilizzerà il nuovo framework per impostazione predefinita. I vecchi layout nella tua libreria o i vecchi layout che hai esportato da Divi 4 verranno automaticamente convertiti nel formato Divi 5 al momento dell'importazione.

Restate sintonizzati per ulteriori aggiornamenti

Questo è tutto per l'aggiornamento Divi 5 di questo mese. Passando alle altre notizie, nelle prossime settimane uscirà un aggiornamento per Divi AI che ti consentirà di generare codice con l'intelligenza artificiale, rendendo più semplice che mai la personalizzazione di Divi e dei suoi moduli. Per quelli di voi che amano liberarsi dalle impostazioni di progettazione di Divi e scrivere il proprio CSS, penso che troverete questo aggiornamento incredibilmente utile.

Restate sintonizzati e ci vediamo al prossimo aggiornamento. Seguici via email e iscriviti al nostro canale YouTube per tutte le ultime novità.