Prova oggi stesso la demo di Divi 5 Alpha!

Sono tornato con un altro aggiornamento di Divi 5 e oggi sono felice di annunciare che è disponibile un sito Web demo di Divi 5. Una volta che avremo implementato alcune altre funzionalità e risolto eventuali bug riscontrati, rilasceremo la Public Alpha, che potrai scaricare e testare sui tuoi siti web. Nel frattempo, aggiorneremo la demo ogni due settimane e tu potrai seguirci.

Prova la demo di Divi 5

Abbiamo anche creato una nuova pagina di destinazione per Divi 5, dove troverai un collegamento al sito Web demo e un elenco di tutti i miei aggiornamenti mensili di Divi 5.

Scopri tutti i dettagli nel video qui sotto.

Esplorando la demo di Divi 5

Noterai che la nuova versione di Visual Builder è quasi terminata. Alcune funzionalità mancanti includono Azioni rapide, Trova e sostituisci, Preimpostazioni, Moduli WooCommerce e alcune Opzioni di condizione. Se manca qualcosa nella demo, non è perché l'abbiamo rimosso; semplicemente non è stato ancora aggiunto.

Questa è una build pre-alpha . Ti imbatterai in bug e stranezze nell'interfaccia, la maggior parte dei quali sono già sul nostro radar. Se noti un bug, segnalalo al nostro team di supporto. Stiamo ancora perfezionando le cose e il rilascio di questa demo ci consentirà di mettere la Public Alpha in condizioni ancora migliori prima che venga pubblicata.

Cosa è cambiato in Divi 5?

Divi 5 sembra un po' diverso. Tutto funziona più o meno allo stesso modo di Divi 4, ma ci sono alcune modifiche da notare.

1. Interfaccia personalizzabile: Divi 5 supporta più pannelli, finestre di pannelli combinati e configurazioni di aggancio personalizzate.
2. Modifica reattiva più semplice: invece di abilitare la modifica reattiva a livello di opzione, la modifica reattiva è controllata a livello di applicazione. Passa a qualsiasi vista e le modifiche apportate in quella vista verranno applicate automaticamente.
3. Nuove modalità di interazione: anche le modalità di interazione sono diverse in Divi 5. Ora chiamati "livelli di interazione", puoi selezionare quali livelli di elementi appaiono al passaggio del mouse, comprese le opzioni degli elementi, le opzioni degli elementi principali e i contorni degli elementi. Facendo clic su qualsiasi elemento si aprirà il relativo pannello delle impostazioni. Non è necessario fare doppio clic o fare clic sull'icona a forma di ingranaggio. Tutte le azioni sono disponibili tramite clic con il tasto destro, quindi se vuoi nascondere tutto per semplificare l'interfaccia ed evitare sovrapposizioni, questa è un'opzione praticabile.
4. Navigazione intuitiva: è anche più semplice navigare nella pagina, grazie al pannello dei livelli ancorato e ai breadcrumb nel pannello delle impostazioni.
5. Prestazioni sorprendenti: Divi 5 è molto più veloce, cosa che noterai immediatamente. Inoltre, non si impantanerà con progetti grandi e complessi. Prova a fare clic in giro, a duplicare le cose velocemente e a impazzire con impostazioni diverse, e vedrai quanto è veloce.
6. Un'interfaccia semplice e snella: l'interfaccia di Divi 5 è più snella. È più piccolo e più efficiente. È più scattante e privo di animazioni ed effetti non necessari. Manca gli antiquati pulsanti di salvataggio e annullamento in ciascun pannello. Viene fornito anche con una modalità oscura. Potresti sentirti a casa nel design più grande, più lento e più giocoso di Divi 4, ma una volta che ti sarai abituato a Divi 5, apprezzerai i suoi nuovi punti di forza.

Guardando al futuro

I cambiamenti più critici in Divi 5 sono le cose che non puoi vedere. Una nuova base dietro le quinte rende Divi più capace dal punto di vista dello sviluppo, consentendo al nostro team e alla community di creare nuove funzionalità che non erano possibili in Divi 4.

Una volta rilasciato Divi 5, inizierà il vero divertimento perché faremo un balzo in avanti, creando tutte le funzionalità che sappiamo che desideri! Fidati di me; sappiamo che hai bisogno di molte funzionalità essenziali: generatore di loop, griglie flexbox e CSS, accessibilità migliorata, più moduli, menu migliori e opzioni di intestazione; è tutto sul nostro radar e non vedo l'ora di superare questo ostacolo in modo da poter trovare lavoro.

Cosa abbiamo realizzato questo mese

Successivamente, lascia che ti fornisca il nostro rapporto mensile sui progressi compiuti. Abbiamo continuato a perfezionare la nuova interfaccia e abbiamo esteso questi miglioramenti ad altre aree di Divi, dando una nuova mano di vernice al generatore di temi, alle opzioni del tema, all'editor dei ruoli e alla libreria Divi. Abbiamo continuato la nostra missione di correzione dei bug, risolvendo altri 100 e più bug e spostando l'elenco verso qualcosa di gestibile. Abbiamo completato i colori globali e la maggior parte della visualizzazione dei livelli e abbiamo iniziato a lavorare su alcune funzionalità front-end rimanenti, tra cui le risorse dinamiche e la generazione di file CSS statici.

Abbiamo anche collegato Divi Cloud alla nuova versione della Libreria Divi, coinvolgendo il nostro piccolo team Divi AI/Cloud per implementare tali funzionalità e aiutare Divi 5 a raggiungere il traguardo un po' più velocemente.

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

• Aggiunto componente Selezione preimpostata in VB.
• Aggiunta la classe di elementi preimpostati all'elemento del modulo in VB.
• Risolto il problema con il margine superiore errato quando la barra di amministrazione era disabilitata.
• Risolto un bug nel rendering CSS, che in alcuni casi causava la mancata sequenza corretta dei CSS per i punti di interruzione e l'output degli stati.
• Aggiornato lo stile di input del carattere Carica.
• Risolto errore durante il salvataggio/anteprima di qualsiasi modulo in VB.
• Risolto errore nel salvataggio degli stili popup.
• Risolti i problemi relativi alle dimensioni modali e al posizionamento del selettore di icone espanso.
• Risolto il problema con il rendering della visualizzazione dei livelli più volte sulla barra laterale sinistra quando si faceva clic con il tasto destro del mouse > sull'opzione Vai al livello su più moduli.
• Imposta Aggiungi altezza modale per adattarla automaticamente all'altezza della finestra disponibile.
• Risolto un problema per cui quando non hai/zero colori globali, il pulsante Aggiungi colore non è visibile e se hai un colore globale, il colore è nascosto ed è visibile solo il pulsante Aggiungi colore.
• Risolto il problema per cui l'aggiunta del colore globale comportava la disabilitazione dell'interazione dell'area/trappola per topi del modulo.
• Risolto il problema relativo all'etichetta dell'azione dinamica per la scheda di importazione ed esportazione nella modalità di portabilità.
• Risolto il problema del pannello delle impostazioni in cui il pulsante Abilita reindirizzamento era disattivato, ma il campo URL era visibile.
• Risolto il problema con la dimensione modale del livello trasparente passato al componente wrapper.
• Ripulito il codice dietro le quinte durante il salvataggio di un post/pagina
• Risolto un problema per cui la sincronizzazione dei colori globali veniva eseguita solo nella bozza e non nella pubblicazione/anteprima.
• Risolto un problema per cui i colori globali eliminati non venivano rimossi dal layout durante il salvataggio.
• Risolto il problema con il selettore colori nella gamma di colori dal nero al bianco.
• Risolto: l'apertura delle modalità modali modifica i valori delle impostazioni del modulo.
• Risolto un problema per cui se disponi di molti colori globali, espandendo la scheda Colori salvati/recenti e quindi aprendo la scheda Colori globali i campioni di colore si sovrappongono ai titoli delle schede salvate/globali/recenti.
• Aggiunti test per la funzionalità di copia/incolla degli Appunti per verificare che i valori degli attributi di colore globali vengano copiati/incollati.
• Aggiunto supporto per l'attributo showPlaceholderOnEmpty nel componente campo TextArea.
• Aggiunta una funzione per nascondere le impostazioni nel modulo Blog quando la lunghezza del contenuto è impostata su "Mostra contenuto".
• Risolto il bug in cui l'utente eliminava una colonna dalla visualizzazione dei livelli, questa veniva eliminata.
• Risolto il problema con la posizione errata e imprevedibile della barra degli strumenti dell'editor in linea quando gli utenti selezionavano alcuni testi nel builder.
• Risolto un problema per cui l'opzione "Mostra impaginazione" nel modulo Blog D5 non nascondeva l'impaginazione nel front-end quando disabilitata.
• Risolto il problema per cui la disattivazione dell'opzione "Mostra estratto" nel modulo Blog D5 non nascondeva l'estratto nell'anteprima di Visual Builder.
• Risolto il problema con l'interruzione del contenuto reattivo dovuto a @wordpress/hooks spostato in dipendenze esterne registrandolo come dipendenza per lo script multi-vista nel FE.
• Risolta la sequenza di aggiornamento errata sul campo rich text.
• Risolve il problema della sottolineatura del testo indesiderato aggiunto al pulsante a causa di un ordine di rendering dello stile statico stile divi errato.
• Aggiunti collegamenti alla pagina mancante (salva la pagina, salva la pagina come bozza, esci dal visual builder, apri portabilità, zoom avanti/indietro reattivo, passa alla modalità wireframe)
• Risolto il problema relativo alla posizione errata della portabilità e al salvataggio nella libreria modale alla prima apertura.
• Risolto il problema per cui il ripristino degli stili al passaggio del mouse reimpostava invece gli stili del desktop.
• Risolto il problema per cui il gradiente del pulsante si interrompeva nello stato del desktop e cambiava il valore in quello utilizzato dall'interruzione del gradiente al passaggio del mouse.
• Risolto il problema che nascondeva la parte visibile dell'elemento nella sua posizione originale durante il trascinamento.
• Risolto il problema per cui l'icona di ripristino "Disabilita su" veniva nascosta/mostrata in base ai controlli/deseleziona visibili.
• Risolte le scorciatoie da tastiera che non funzionavano correttamente.
• Risolto il problema con il pulsante Ripristina che non funzionava con le caselle di controllo.
• Aggiunta la funzionalità delle colonne mancanti nelle sezioni specializzate.
• Aggiunta l'opzione delle impostazioni del builder per disabilitare la barra di amministrazione
• Aggiunta la possibilità di scorrere fino al modulo rilasciato in VB dopo averlo trascinato e rilasciato nella vista Livelli.
• Aggiunta la possibilità di scorrere fino al modulo rilasciato in VB dopo averlo trascinato e rilasciato nella vista Livelli.
• Alla barra della pagina è stato aggiunto un pulsante di layout chiaro.
• Aggiunta l'attivazione/disattivazione della modalità colore sulla barra della pagina.
• La funzionalità aggiunta garantisce che il gruppo di livelli venga espanso solo quando il modulo trascinato è il discendente del modulo corretto.
• Aggiunta funzionalità per espandere il livello quando un utente trascina un modulo e passa il mouse sopra il gruppo di livelli dopo 200 ms.
• Aggiunta funzionalità per evidenziare il modulo effettivo nel layout quando si passa con il mouse nella modalità Visualizzazione livelli.
• Aggiunto meccanismo per dichiarare gli attributi "default" e "defaultPrintedStyle" del modulo sul proprio file JSON.
• Aggiunto meccanismo per l'estrazione di attributi che generano dati HTML, stile e script
• Aggiunto pulsante sulla barra della pagina per uscire dal visual builder
• È stato aggiunto un pulsante sulla barra della pagina per visualizzare in anteprima lo stato corrente del builder sul front-end.
• Aggiunta prevenzione per garantire che l'unica colonna di una riga non venga rimossa o spostata in un'altra riga.
• Aggiunto prototipo della modale delle impostazioni predefinite
• Aggancia automaticamente la visualizzazione dei livelli alla barra laterale sinistra quando viene aperta.
• Assicurati che la modalità "Aggiungi dalla libreria" appaia ora centrata all'interno dell'area della pagina con una larghezza e un'altezza massime pari a 32 px da ciascun bordo della cornice su tutti e quattro i lati.
• Risolto un bug nel modulo Blurb per i selettori al passaggio del mouse, che impediva il rendering degli stili in VB quando veniva selezionato lo stato al passaggio del mouse.
• Risolto un bug in Divi 5 per cui gli stili di stato permanente non venivano renderizzati in VB quando si selezionava lo stato permanente nelle impostazioni del modulo.
• Risolto un messaggio deprecato in PHP 8.3 relativo alle proprietà dinamiche.
• Risolto un avviso di deprecazione di PHP nel modulo Email Optin che si verificava in PHP 8.2+.
• Risolto il problema con l'etichetta amministratore non sincronizzata all'interno della modalità Visualizzazione livelli quando modificata da Impostazioni modulo o Modalità wireframe.
• Risolto un problema per cui tutti i post venivano visualizzati nel modulo Blog nel Visual Builder, anche quando venivano selezionate determinate categorie.
• Risolto un problema per cui il colore dello sfondo della sovrapposizione e l'icona della sovrapposizione non venivano visualizzati correttamente sul front-end.
• Risolto il problema con lo scorrimento automatico interrotto durante il trascinamento del modulo vicino alla finestra di visualizzazione superiore/inferiore
• Risolto il problema con il colore dello sfondo dei pulsanti e il colore del testo dei pulsanti nell'account e-mail e nei campi di protezione antispam nel pannello delle impostazioni nei moduli Modulo di contatto e Ottimizzazione e-mail.
• Risolto il problema con la selezione predefinita dell'icona nel modulo icone al momento del caricamento iniziale.
• Risolto il problema con la visualizzazione del contenuto dinamico nelle impostazioni per il titolo sull'elemento figlio per moduli come una fisarmonica.
• Risolto errore riscontrato durante l'esecuzione del comando Yaint Test-Unit.
• Risolto il problema con il nome della classe del modulo di testimonianza errato
• Risolto il problema con la posizione fissa errata dell'editor in linea.
• Risolto il problema per cui il salvataggio della bozza pubblica sempre la pagina.
• Risolto un problema per cui alcuni modelli e menu selezionati lampeggiavano dalla posizione errata iniziale alla posizione corretta.
• Risolto un problema per cui le schede non venivano visualizzate nel modulo Schede.
• Risolto il problema del trascinamento lento nella vista wireframe
• Risolte le classi di animazione delle immagini mancanti nel modulo Persona.
• Risolti i suggerimenti mancanti nelle schede in background.
• Risolto il problema con l'azione delle opzioni del modulo che non funzionava quando si faceva clic; apre invece le impostazioni del modulo.
• Risolto il problema che mostrava spazio inferiore aggiuntivo nel modulo Fisarmonica allo stato di passaggio del mouse.
• Risolto il problema con lo scorrimento fluido quando il livello veniva trascinato dal basso verso l'alto.
• Risolto il problema con il colore del testo nel contenuto dell'editor Richtext in modalità oscura.
• Risolto il problema relativo al passaggio del mouse sull'icona del modulo di descrizione.
• Risolto il problema della zona di rilascio per l'area inferiore che causava il rilascio dei moduli in fondo all'elenco dei moduli del livello.
• Risolto il problema relativo alla visualizzazione delle opzioni del modulo anche se il modulo layer non era più sospeso.
• Risolto il problema che mostrava immagini della galleria di bassa qualità nel modulo della galleria FE.
• Risolto il problema con l'aggiornamento dei nomi delle colonne secondarie nell'impostazione della riga e il riordino delle colonne durante il trascinamento.
• Introdotti miglioramenti al componente Selettore colore, consentendo maggiore estensibilità e modularità.
• Presentazione di un nuovo componente di base per i campi di trasformazione, che risolve le trasformazioni duplicate CSS.
• Mantenendo lo stato agganciato/sganciato della modale in modo che venga riaperta in base al suo ultimo stato chiuso.
• Il drag and drop del modulo Made può essere inizializzato da qualsiasi superficie del modulo.
• Rimuovi il pulsante di uscita dalla barra di amministrazione
• Rimosso trascinabile e ridimensionabile dal caricamento dalla libreria modale.
• Opzioni del modulo rimosse dalla sezione Colonna della specialità nella modalità Visualizzazione livelli.
• Rimosso il selettore ridondante al passaggio del mouse per il modulo di accesso in seguito alla corretta risoluzione del problema.
• Rimossa la scorciatoia da tastiera inutilizzata.
• Sostituita la UX basata sulla modalità di Divi 4 con UX a livelli di interazione.
• Interfaccia utente semplificata del visual builder (componenti di campo e modali)
• Nascondi temporaneamente i pulsanti Annulla e Ripeti dalla barra della pagina fino allo sviluppo della cronologia
• Aggiornata e perfezionata la funzionalità Colori globali, introducendo un nuovo formato ID colore globale e un migliore supporto per gli attributi dei moduli.
• Sono state utilizzate variabili CSS per impostare i colori della vista Layers, sostituito l'utilizzo non necessario di useSelect nel componente Layer Drag Handle per ottimizzare le prestazioni e utilizzato in modo coerente selectStore per denominare il selettore all'interno dell'utilizzo useSelect di Layers View.

Restate sintonizzati per ulteriori aggiornamenti

Questo è tutto per il resoconto sui progressi di questo mese. Resta sintonizzato per ulteriori aggiornamenti e non dimenticare di seguirci via e-mail e di iscriverti al nostro canale YouTube per assicurarti di non perdere nulla. Divi 5 è un progetto vasto, ma tornerò mensilmente per tenerti informato sui nostri progressi.