Rivelata la nuova interfaccia Divi 5

Sono tornato con un altro aggiornamento di Divi 5 e, questa volta, sono entusiasta di darti un'anteprima della nuova interfaccia di Divi 5. Non è ancora finito, ma c'è ancora molto da esplorare.

Guarda il video per dare un'occhiata più da vicino.

La nuova interfaccia Divi 5

Divi 5 si sta rinnovando. Funziona allo stesso modo di sempre, quindi non preoccuparti che la nuova interfaccia ti metta in difficoltà. Ti sembrerà tutto molto familiare. Non abbiamo cambiato ciò che puoi fare con Divi, ma speriamo che ti divertirai ancora di più con un'interfaccia più veloce e meno ingombrante.

Un'interfaccia più veloce ed efficiente

Divi 5 rappresenta velocità ed efficienza allo stato puro; l'interfaccia utente dovrebbe servire a tali obiettivi. La prima cosa che noterai di Divi 5 è che è pazzesco. Non c'è assolutamente alcun ritardo quando passi il mouse, fai clic, modifichi e sposti gli elementi e può gestire pagine estese come mai prima d'ora. Abbiamo anche rimosso tutte le animazioni perché non vogliamo che nulla ti rallenti.

Un'interfaccia che non ti intralcia

Abbiamo ridotto l'ingombro dell'interfaccia per dare più respiro ai tuoi progetti. Puoi ancorare più pannelli di dimensioni più piccole al lato del browser senza che si sovrappongano ai tuoi contenuti o siano d'intralcio.

Nell'esempio sopra, ho il pannello dei livelli ancorato a sinistra e il pannello delle impostazioni ancorato a destra. Il pannello delle impostazioni viene popolato automaticamente quando faccio clic sulla pagina e quando modifico qualcosa, il feedback è istantaneo.

Un'interfaccia completamente personalizzabile

Divi 5 ti dà molto più controllo sul layout del costruttore. Puoi agganciare, sganciare o combinare i pannelli in finestre a schede. Se preferisci avere tutte le finestre chiuse e un pannello delle impostazioni mobile come Divi 4, anche questa è un'opzione.

Un'interfaccia più facile che mai da navigare

Con la modalità clic come modalità di interazione predefinita, un pannello dei livelli più piccolo che puoi sempre lasciare aperto e nuovi breadcrumb in ciascun pannello delle impostazioni, navigare nella pagina è più semplice che mai. Non avrai difficoltà a trovare o fare clic su tutto ciò che desideri modificare.

Dobbiamo ancora apportare miglioramenti e aggiungere pezzi mancanti, ma questo primo sguardo dovrebbe darti un'idea di cosa aspettarti quando pubblicheremo la Public Alpha nei prossimi mesi.

Cosa abbiamo realizzato questo mese

Abbiamo fatto anche molte altre cose nell'ultimo mese. Costruire la nuova interfaccia è stato relativamente semplice. Tutto il lavoro principale si svolge dietro le quinte, dove stiamo costruendo solide basi che serviranno la comunità per molti anni, il che comporta la completa riqualificazione di tutte le funzionalità e i moduli principali di Divi.

Siamo attualmente nella fase Dev Beta (a cui puoi partecipare se sei uno sviluppatore di moduli Divi), il che significa che abbiamo completato il nuovo framework e ora stiamo ricostruendo tutto su quel framework.

Abbiamo corretto più bug, scritto più documenti per gli sviluppatori e convertito una serie di moduli, come il dispositivo di scorrimento dei post, il blog, la navigazione dei post, il portfolio filtrabile, il menu a larghezza intera e il portfolio a larghezza intera.

Ogni volta che finiamo una nuova funzionalità o modulo, ci avviciniamo di un passo alla Public Alpha, dove vogliamo avere abbastanza funzionalità e moduli più popolari di Divi pronti per rendere la prima versione utilizzabile da un vasto pubblico.

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

• Aggiunto il modulo Post Slider per Divi 5
• Aggiunto il modulo Menu a larghezza intera per Divi 5
• Aggiunto il modulo Titolo post a larghezza intera per Divi 5
• Aggiunto miglioramento contrassegnato dalle funzionalità per i frame delle app.
• Implementati advancedStyles sulla dichiarazione di stili del modulo PHP per codice, audio, contatore circolare, colonna, timer per il conto alla rovescia, divisore, intestazione a larghezza intera, immagine a larghezza intera, intestazione, icona, invito all'azione, pulsante, contatori bar, fisarmonica, titolo del post, portfolio, contatore numerico , carta geografica
• Aggiunto modulo Blog per Divi 5
• Aggiunto miglioramento contrassegnato dalle funzionalità per i frame delle app.
• Aggiunto il modulo Portfolio filtrabile per Divi 5
• Aggiunto il modulo Portfolio a larghezza intera per Divi 5
• Aggiunto il modulo Post Navigation per Divi 5
• Implementati advancedStyles sulla dichiarazione degli stili dei moduli VB per moduli di sezione, mappa a larghezza intera, intestazione, menu, barra laterale, follow sui social media, schede, membro del team, testimonianza, testo, attivazione/disattivazione, video e dispositivo di scorrimento.
• Impostazioni del modulo integrate generate automaticamente per il pannello delle impostazioni per moduli come timer per il conto alla rovescia, contatore circolare, codice, pulsante, descrizione, divisore, audio, descrizione, codice e intestazione.
• Aggiornata l'esportazione di "SyncGlobalLayoutAttributes" in modo che sia un tipo anziché un oggetto.
• TypeDocs: aggiunto il pacchetto @divi/modal-library al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per le funzioni di archivio dati nel pacchetto @divi/modal-library.
• TypeDocs: aggiunto il pacchetto @divi/page-settings al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per le funzioni di archivio dati nel pacchetto @divi/page-settings.
• Sviluppato il modulo Portfolio a larghezza intera sia in VB che FE in D5.
• TypeDocs: aggiunto il pacchetto @divi/keyboard-shortcuts al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/object-renderer al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/mask-and-pattern-library al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/middleware al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/modal al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/modal-snap-indicator al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/draggable al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/numbers al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/error-boundary al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/events al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/help al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per le funzioni di archivio dati nel pacchetto @divi/help.
• TypeDocs: aggiunto il pacchetto @divi/history al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/hooks al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/icon-library al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/global-layouts al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per le funzioni di archivio dati nel pacchetto @divi/global-layouts.
• TypeDocs: aggiunto il pacchetto @divi/fonts al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per le funzioni di archivio dati nel pacchetto @divi/fonts.
• TypeDocs: documentazione aggiornata per il pacchetto @divi/module.
• TypeDocs: aggiunto il pacchetto @divi/data al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/divider-library al generatore TypeDocs.
• Aggiunto TypeDocs per il pacchetto @divi/context-library.
• TypeDocs: aggiunto il pacchetto @divi/conversion al generatore TypeDocs.
• TypeDocs: aggiunto il pacchetto @divi/constant-library al generatore TypeDocs.
• TypeDocs: documentazione aggiornata per il pacchetto @divi/field-library.
• Implementati advancedStyles nella dichiarazione degli stili dei moduli VB per... moduli.

Prossimamente: Divi Layouts AI!

Questo è tutto per l'aggiornamento Divi 5 di questo mese. Passando alle altre notizie, presto uscirà una nuova funzionalità Divi AI di cui sono entusiasta. Abbiamo già creato strumenti di intelligenza artificiale per la generazione di testo, immagini e codice. Successivamente, metteremo tutto insieme per consentirti di generare interi layout con l'intelligenza artificiale. Nota: la generazione del layout è stata accelerata nel video seguente.

Basta dire a Divi AI che tipo di pagina desideri e lui costruirà il layout, genererà le immagini, scriverà il contenuto e personalizzerà i caratteri e i colori. In pochi secondi, hai un'intera pagina pronta e puoi passare alle impostazioni di progettazione di Divi per apportare gli ultimi ritocchi o utilizzare gli strumenti AI di Divi per perfezionare ulteriormente i risultati.

Restate sintonizzati per ulteriori aggiornamenti

Resta sintonizzato per il rilascio di Divi Layouts AI e non dimenticare di ricontrollare il mese prossimo per un altro aggiornamento di Divi 5. Seguici via e-mail e iscriviti al nostro YouTube per assicurarti di non perdere nulla e ci vediamo alla prossima.