Das Flexbox -Layout -System von Divi 5 ist angekommen

Heute stellen wir das brandneue Layout-System von Flexbox-basiertem Layout für Divi 5 vor.

Dies ist kein kleines Update. Es erfindet Divi neu und ermöglicht es Ihnen, eine Layoutstruktur zu erstellen, einschließlich reaktionsschnell Layout -Aufschlüsselung, benutzerdefinierter Modulreihenfolge, einfache vertikale Ausrichtung und Elementpositionierung und vieles mehr.

Kein Stein wurde unversucht gelassen, keine Option wurde vergessen - wir haben alles getan und es ist am besten im Unterricht.

Schauen Sie sich das folgende Video an, um die neue Funktion in Aktion anzuzeigen.

Das brandneue Layoutsystem von Divi 5

Wir haben das Layoutsystem von Divi neu erfunden und viele neue Zeilenvorlagen und Layoutoptionen hinzugefügt. Sie können jedes Layout mit Flexbox, verschachtelten Zeilen und Modulgruppen erstellen !

Das neue Layout -System erleichtert die Positionierung des Steuerelements, den Abstand, das Verpacken und die Bestellung.

Eine robuste Auswahl neuer Flexbox -Zeilenvorlagen

Sie werden zunächst eine Auswahl neuer Zeilenvorlagen bemerken, einschließlich verschachtelter Multi-Reihen-Optionen. Es gibt so viel mehr Variation zu genießen!

Sie sind nicht auf diese Vorlagen beschränkt. Sie sind bequeme vorgefertigte Beispiele. Sobald Sie sich in die Einstellungsgremien eingraben, gibt es keine Leitplanken. Sie können so viele Spalten hinzufügen, wie Sie möchten, und geben Sie ihnen jede gewünschte Größe an, wodurch Zeilen innerhalb von Spalten verschoben werden, um ein beliebiges Layout zu erstellen.

Flexbox -Steuerelemente für alles

Für alles sind neue Flexbox -Optionen verfügbar. Sie können das Layout -Verpackung, die Richtung, die Ordnung, den Abstand, die Positionierung von Kindern und vieles mehr steuern - keine Hacks, kein JavaScript, kein Durcheinander, nur intuitive Steuerelemente, die wunderbar funktionieren.

Responsive Zeilenstrukturen

Das Aufbau reaktionsschneller Websites war noch nie einfacher.

An jedem Haltepunkt können Sie einer einzelnen Zeile verschiedene Strukturen zuweisen. Es ist so einfach, und Divi macht es besser als jeder andere Bauunternehmer, sodass Sie das Layout jedes Geräts vollständig verändern können. Sie können auch die Größe der Spalten auf jedem Gerät anpassen und jede FlexBox -Einstellung einstellen.

Responsive Element Ordering

Responsive Element Ordering ist ein Kinderspiel.

Sie können die Richtung, in die Elemente auf jedem Gerät und der Reihenfolge einzelner Elemente fließen, leicht ändern. Sie können die Zeilenstruktur jedes Geräts vollständig ändern und dann die Dinge in dieser neuen Struktur optimal neu bestellen.

Einfache Positionierung von Kindernelemente

Flexbox macht die Positionierung von Elementen in ihren übergeordneten Containern viel einfacher.

Sie müssen keine JavaScript oder absolut positionierten Elemente verwenden. Beispielsweise ist die vertikale Zentrierung von Elementen in einer Spalte nur ein Klick entfernt.

Die Größe der Elemente zu vereinen ist genauso einfach. Zum Beispiel ist es einfach, alle Spalten in einer Zeile zur gleichen Höhe oder alle Module in einer Spalte gleich zu erstellen.

Abschnitte von Spezialitäten und Vollbreiten abgeschrieben

Wir haben Spezial- und Vollbreitenabschnitte veraltet und die strukturellen Elemente von Divi erheblich vereinfachen (vorhandene Abschnitte mit Vollbreite und Spezialitäten werden weiter funktionieren; wir haben gerade die Option entfernt, neue hinzuzufügen).

Sie können alles (und mehr) mit regulären Flexbox -Zeilen machen, sodass keine unterschiedlichen Abschnittstypen erforderlich sind. Einzigartige Module mit voller Breite wurden in Standardabschnitten umbenannt und zur Verfügung gestellt, wodurch Sie mehr Flexibilität bieten.

Endlose neue Layoutmöglichkeiten

Es gibt zu viele Einstellungen, um sie abzudecken und Möglichkeiten zu erforschen, aber eines ist klar: Divis Layout -System der Zukunft ist hier, und das Erstellen von Divi -Websites wird niemals dasselbe sein.

Bevor ich Dinge abschließe, zeigen wir ein paar kreative Layouts, die mit Divis neuem Layout -System aufgebaut sind. Sie können die Layouts auch herunterladen und sich selbst überprüfen.

Laden Sie die Layouts herunter

Wir haben auch ein paar Überraschungen geworfen

Sie werden ein paar weitere Überraschungsverbesserungen in diesem Update bemerken.

• Wesentliche Geschwindigkeitsverbesserungen - Sie werden feststellen, dass der Bauherr bei der Bearbeitung großer, komplexer Layouts viel schneller ist. Mit der Einführung von unendlich nestbaren Zeilen und neuen Containerelementen haben Sie nun die Freiheit, sehr komplexe Designs zu erstellen. Mit diesem Update haben wir sichergestellt, dass der Bauherr immer noch schnell blitzt, auch wenn Ihre Layouts verrückt werden. Es ist ein Tag und ein Tagesunterschied!
• Neue Spaltenoptionen - Alle Gittermodule, z. B. die Galerie- und Portfolio -Module, verfügen über neue Spalteneinstellungen, mit denen Sie die Spaltenstruktur des Gitters an jedem Haltepunkt steuern können.
• Umbenennung des Fullwidth -Moduls - Das Fullwidth -Header -Modul wurde in Hero umbenannt, und das vollbreiten Portfolio -Modul wurde nach Carousel umbenannt. Beide Module können jetzt in Standardabschnitten verwendet werden.
• Neue Post-Typ-Optionen für Post Carousel -Das neu benannte Post Carousel-Modul verfügt über eine neue Post-Typ-Einstellung, mit der Sie das Karussell mit Posts jeglicher Art füllen können.

Versuchen Sie es noch heute Divi 5

Flexbox für Divi 5 ist heute erhältlich und eine von vielen Funktionen, die dieses Jahr zu Divi kommen.

Sie können mit dem Fortschritt der endgültigen Veröffentlichung von Divi 5 und darüber hinaus mit Updates alle zwei Wochen fortfahren. Abhängig von Ihren Prioritäten können Sie Divi 5 jetzt verwenden, um neue Websites zu erstellen oder zu warten, bis wir weitere Funktionen hinzufügen, was auch immer für Sie funktioniert.

Wie in Divi 5s ursprünglicher Multi-Phasen-Veröffentlichungsplan von Divi 5 dargestellt, ist das Divi 5 Public Alpha wie „Divi 5 Lite“. Es fehlen einige Funktionen und eignet sich möglicherweise nicht für vorhandene Websites. Es ist jedoch bereit, auf neuen Websites verwendet zu werden, wenn Sie die Erfahrung Divi 4 vorziehen.

Wir möchten, dass Sie es versuchen, und wenn Sie es lieben, benutzen Sie es. Wenn jeder es liebt, werden wir es offiziell machen.

Haben Sie Interaktionen ausprobiert?

Wir haben kürzlich Interaktionen für Divi 5 veröffentlicht, ein robustes System zum Erstellen interaktiver Elemente wie Popups und Umschaltungen sowie kreatives scrollbasiertes und mausbewegungsbasiertes Effekt. Es ist kein Pop-up-Baumeister; Es ist ein irgendetwas Baumeister. Erstellen Sie einen Auslöser, weisen Sie einen Effekt zu, wählen Sie ein Ziel und erwecken Ihre benutzerdefinierten Interaktionen zum Leben. In der Videobeschreibung gibt es einen Link, um mehr zu erfahren.

Sehen Sie sich dieses Video für alle Details an.

Weitere Divi 5 -Updates sind unterwegs

2025 ist das Jahr von Divi 5 . Die mühsame Arbeit liegt hinter uns. Wir haben die superschnelle Stiftung gebaut, und jetzt ist es Zeit für Divi, ihr Comeback zu feiern.

Wenn Sie für das Divi -Comeback hier sind, tun Sie uns einen großen Gefallen und lassen Sie es uns wissen, indem Sie dieses Video mögen und einen Kommentar hinterlassen. Es bedeutet uns sehr viel, Sie zu sehen, wie Sie Divi anfeuern, und es ist wichtig, den Algorithmus zu füttern und das Wort zu verbreiten.

Vergessen Sie nicht, uns auf YouTube zu folgen und den Divi -Newsletter abonnieren, damit Sie nie ein Update verpassen. Wir sehen uns bald für eine weitere Ankündigung von Divi 5 -Feature, von der ich verspreche, dass sie gleich um die Ecke sein wird.