Il sistema di layout Flexbox di Divi 5 è arrivato

Oggi introduciamo il nuovissimo sistema di layout basato su Flexbox per Divi 5.

Questo non è un aggiornamento minore. Reinventa Divi, consentendo di creare qualsiasi struttura di layout, incluso il rottura del layout reattivo, l'ordinamento del modulo personalizzato, il facile allineamento verticale e il posizionamento degli elementi e molto altro.

Nessuna pietra è stata lasciata intatta, nessuna opzione è stata dimenticata: abbiamo fatto tutto, ed è meglio in classe.

Guarda il seguente video per vedere la nuova funzionalità in azione.

Il nuovissimo sistema di layout di Divi 5

Abbiamo reinventato il sistema di layout di Divi e aggiunto molti nuovi modelli di riga e opzioni di layout. È possibile creare qualsiasi layout utilizzando Flexbox, righe nidificate e gruppi di moduli !

Il nuovo sistema di layout rende facilmente facilmente il posizionamento degli elementi di controllo degli elementi.

Una solida selezione di nuovi modelli di riga Flexbox

Noterai per la prima volta una selezione di nuovi modelli di riga, comprese le opzioni multi-riga nidificate. Ci sono molte più variazioni da godere!

Non sei limitato a questi modelli; Sono comodi esempi pre-costruiti. Una volta scavati i pannelli delle impostazioni, non ci sono guardrail; Puoi aggiungere tutte le colonne che desideri e dare loro qualsiasi dimensione desideri, nidificando le righe all'interno delle colonne per creare qualsiasi layout.

Flexbox controlla per tutto

Nuove opzioni Flexbox sono disponibili per tutto. Puoi controllare l'avvolgimento del layout, la direzione, l'ordinamento, la spaziatura, il posizionamento degli elementi figlio e altro ancora: nessun hack, nessun JavaScript, nessun disordine, solo controlli intuitivi che funzionano meravigliosamente.

Strutture di riga reattive

Costruire siti Web reattivi non è mai stato facile.

Ad ogni punto di interruzione, è possibile assegnare strutture diverse a una singola riga. È così semplice e Divi lo fa meglio di qualsiasi altro costruttore, permettendoti di trasformare completamente il layout di ogni dispositivo. È inoltre possibile personalizzare la dimensione delle colonne su ciascun dispositivo e regolare qualsiasi impostazione di Flexbox.

Ordine degli elementi reattivi

L'ordinamento degli elementi reattivi è un gioco da ragazzi.

È possibile modificare facilmente la direzione in cui gli elementi fluiscono su ciascun dispositivo e sull'ordine dei singoli elementi. Puoi cambiare completamente la struttura delle righe di ciascun dispositivo, quindi riordinare le cose in modo ottimale all'interno di quella nuova struttura.

Posizionamento Easy Child Element

Flexbox rende gli elementi di posizionamento all'interno dei loro contenitori per genitori molto più semplici.

Non è necessario utilizzare elementi JavaScript o assolutamente posizionati; Ad esempio, gli elementi di centraggio in verticale all'interno di una colonna sono solo un clic.

Unificare l'altezza degli elementi è altrettanto semplice. Ad esempio, è facile rendere tutte le colonne di fila alla stessa altezza o tutti i moduli in una colonna alla stessa altezza.

Specialità deprecante e sezioni fullwidth

Abbiamo deprecato le sezioni di specialità e larghezza completa, semplificando notevolmente gli elementi strutturali di Divi (sezioni esistenti a tutta larghezza e specialità continueranno a funzionare; abbiamo appena rimosso l'opzione per aggiungerne di nuovi).

Puoi fare tutto (e altro) con righe Flexbox regolari, quindi non sono necessari tipi di sezione diversi. Moduli unici a larghezza intera sono stati rinominati e resi disponibili in sezioni standard, offrendo una maggiore flessibilità.

Nuove possibilità di layout infinite

Ci sono troppe impostazioni da coprire e possibilità da esplorare, ma una cosa è chiara: il sistema di layout del futuro di Divi è qui e la costruzione di siti Web Divi non sarà mai lo stesso.

Prima di concludere le cose, mostriamo alcuni layout creativi costruiti con il nuovo sistema di layout di Divi. Puoi anche scaricare i layout e controllarli da solo.

Scarica i layout

Abbiamo gettato anche alcune sorprese

Noterai alcuni altri miglioramenti a sorpresa in questo aggiornamento.

• Significativi miglioramenti della velocità : noterai che il costruttore è molto più veloce quando si modificano i layout complessi e complessi. Con l'introduzione di file infinitamente nidibili e nuovi elementi contenitori, ora hai la libertà di costruire progetti molto complessi. Con questo aggiornamento, abbiamo assicurato che il costruttore fosse ancora rapido, anche quando i tuoi layout diventano pazzi. È una differenza di notte e notte!
• Nuove opzioni di colonna : tutti i moduli della griglia, come la galleria e i moduli del portfolio, hanno nuove impostazioni di colonna che consentono di controllare la struttura della colonna della griglia in ogni punto di interruzione.
• Renaming del modulo FullWidth - Il modulo intestazione a larghezza fullidth è stato ribattezzato Hero e il modulo di portafoglio FullWidth è stato rinominato post Carousel. Entrambi i moduli possono ora essere utilizzati nelle sezioni standard.
• Nuove opzioni di tipo post per Post Carousel : il nuovo modulo Carousel post-nome ha una nuova impostazione del tipo di post, che consente di riempire la giostra con posti di qualsiasi tipo.

Prova Divi 5 oggi

Flexbox per Divi 5 è disponibile oggi ed è una delle tante funzionalità che arrivano a Divi quest'anno.

Puoi seguire mentre progrediamo attraverso la versione finale di Divi 5 e oltre, con aggiornamenti ogni due settimane. A seconda delle tue priorità, puoi usare Divi 5 ora per costruire nuovi siti Web o attendere fino a quando non aggiungiamo più funzionalità, qualunque cosa funzioni meglio per te.

Come indicato nel programma di rilascio multi-fase originale di Divi 5, l'Alpha pubblico Divi 5 è come "Divi 5 Lite". Mancano alcune funzionalità e potrebbe non essere adatto per i siti Web esistenti, ma è pronto per essere utilizzato su nuovi siti Web se si preferisce l'esperienza a Divi 4.

Vogliamo che tu lo provi e, se lo ami, lo usi; Quando tutti lo adorano, lo renderemo ufficiale.

Hai provato le interazioni?

Di recente abbiamo rilasciato interazioni per Divi 5, un sistema robusto per la creazione di elementi interattivi come popup e interruttori ed effetti creativi basati su scorrimento e mouse basati sul mouse. Non è un costruttore pop-up; È un costruttore di qualsiasi cosa. Crea un trigger, assegna un effetto, scegli un obiettivo e dà vita alle tue interazioni personalizzate. C'è un link nella descrizione del video per saperne di più.

Guarda questo video per tutti i dettagli.

Altri aggiornamenti di Divi 5 sono in arrivo

2025 è l'anno di Divi 5 . Il lavoro noioso è dietro di noi. Abbiamo costruito la Fondazione Super Bast e ora è tempo che Divi torni.

Se sei qui per il ritorno Divi, facci un enorme favore e facci sapere amando questo video e lasciando un commento. Significa molto per noi vederti incoraggiare Divi ed è essenziale alimentare l'algoritmo e spargere la voce.

Non dimenticare di seguirci su YouTube e iscriviti alla newsletter Divi in ​​modo da non perdere mai un aggiornamento. Ci vediamo presto per un altro annuncio di Divi 5, che prometto che sarà dietro l'angolo.