Enthüllung der neuen Divi 5-Schnittstelle

Ich bin mit einem weiteren Divi 5-Update zurück und dieses Mal freue ich mich, Ihnen einen ersten Einblick in die neue Benutzeroberfläche von Divi 5 zu geben. Es ist noch nicht fertig, aber es gibt noch viel zu entdecken.

Sehen Sie sich das Video an, um einen genaueren Blick darauf zu werfen.

Die neue Divi 5-Schnittstelle

Divi 5 bekommt ein neues Aussehen. Es funktioniert wie immer. Machen Sie sich also keine Sorgen, dass die neue Benutzeroberfläche Sie aus der Fassung bringt. Es wird sich alles sehr vertraut anfühlen. Wir haben nicht geändert, was Sie mit Divi tun können, aber wir hoffen, dass Sie mit einer schnelleren und weniger umständlichen Benutzeroberfläche noch mehr Freude an dem haben, was Sie tun.

Eine schnellere und effizientere Schnittstelle

Divi 5 steht für pure Geschwindigkeit und Effizienz; Die Benutzeroberfläche sollte diesen Zielen dienen. Das Erste, was Ihnen an Divi 5 auffallen wird, ist, dass es wahnsinnig schnell ist. Es gibt absolut keine Verzögerungen, wenn Sie mit der Maus darüber fahren, darauf klicken, Elemente bearbeiten und verschieben, und es kann umfangreiche Seiten wie nie zuvor verarbeiten. Wir haben auch alle Animationen entfernt, weil wir nicht möchten, dass Sie durch irgendetwas verlangsamt werden.

Eine Schnittstelle, die Ihnen nicht im Weg steht

Wir haben den Platzbedarf der Schnittstelle reduziert, um Ihren Designs mehr Raum zum Atmen zu geben. Sie können mehrere kleinere Panels an der Seite des Browsers andocken, ohne dass diese Ihren Inhalt überlappen oder Ihnen im Weg stehen.

Im obigen Beispiel ist mein Ebenenbedienfeld links und mein Einstellungsbedienfeld rechts angedockt. Das Einstellungsfeld wird automatisch ausgefüllt, wenn ich auf der Seite herumklicke, und wenn ich etwas bearbeite, erfolgt die Rückmeldung sofort.

Eine vollständig anpassbare Benutzeroberfläche

Mit Divi 5 haben Sie viel mehr Kontrolle über das Layout des Builders. Sie können Bedienfelder andocken, abdocken oder zu Fenstern mit Registerkarten zusammenfassen. Wenn Sie es vorziehen, alle Fenster geschlossen zu haben und ein schwebendes Einstellungsfeld wie bei Divi 4 zu haben, ist das auch eine Option.

Eine Benutzeroberfläche, die einfacher denn je zu navigieren ist

Mit dem Klickmodus als Standardinteraktionsmodus, einem kleineren Ebenenfenster, das Sie jederzeit geöffnet lassen können, und neuen Breadcrumbs in jedem Einstellungsfenster ist das Navigieren auf der Seite einfacher als je zuvor. Sie werden keine Schwierigkeiten haben, etwas zu finden oder anzuklicken, das Sie bearbeiten möchten.

Wir müssen noch Verbesserungen vornehmen und fehlende Teile hinzufügen, aber dieser erste Einblick sollte Ihnen eine gute Vorstellung davon geben, was Sie erwartet, wenn wir die öffentliche Alpha in den kommenden Monaten veröffentlichen.

Was wir diesen Monat erreicht haben

Wir haben im letzten Monat auch viele andere Dinge erledigt. Der Aufbau der neuen Schnittstelle war relativ einfach. Die gesamte Hauptarbeit findet hinter den Kulissen statt, wo wir eine solide Grundlage schaffen, die der Community viele Jahre lang dienen wird. Dazu gehört die vollständige Neuentwicklung aller Kernfunktionen und Module von Divi.

Wir befinden uns derzeit in der Dev-Beta-Phase (der Sie gerne beitreten können, wenn Sie Entwickler von Divi-Modulen sind), was bedeutet, dass wir das neue Framework fertiggestellt haben und jetzt alles auf diesem Framework neu aufbauen.

Wir haben weitere Fehler behoben, mehr Entwicklerdokumente geschrieben und eine Reihe von Modulen konvertiert, wie z. B. den Post-Slider, den Blog, die Post-Navigation, das filterbare Portfolio, das Fullwidth-Menü und das Fullwidth-Portfolio.

Jedes Mal, wenn wir eine neue Funktion oder ein neues Modul fertigstellen, kommen wir der öffentlichen Alpha einen Schritt näher, wo wir genügend der beliebtesten Funktionen und Module von Divi bereithalten wollen, um diese erste Version für ein breites Publikum nutzbar zu machen.

Hier sind die neuesten Divi 5-Changelog-Einträge.

• Post Slider-Modul für Divi 5 hinzugefügt
• Modul „Fullwidth Menu“ für Divi 5 hinzugefügt
• Modul „Beitragstitel in voller Breite“ für Divi 5 hinzugefügt
• Feature-gekennzeichnete Erweiterung für App-Frames hinzugefügt.
• advancedStyles in der Stildeklaration des PHP-Moduls für Code, Audio, Kreiszähler, Spalte, Countdown-Timer, Teiler, Kopfzeile in voller Breite, Bild in voller Breite, Überschrift, Symbol, Handlungsaufforderung, Schaltfläche, Balkenzähler, Akkordeon, Beitragstitel, Portfolio, Zahlenzähler implementiert , Karte
• Blog-Modul für Divi 5 hinzugefügt
• Feature-gekennzeichnete Erweiterung für App-Frames hinzugefügt.
• Modul „Filterbares Portfolio“ für Divi 5 hinzugefügt
• Fullwidth Portfolio-Modul für Divi 5 hinzugefügt
• Post-Navigationsmodul für Divi 5 hinzugefügt
• advancedStyles in der Deklaration von VB-Modulstilen für die Module „Abschnitt“, „Karte in voller Breite“, „Überschrift“, „Menü“, „Seitenleiste“, „Folgen in sozialen Medien“, „Tabs“, „Teammitglied“, „Testimonial“, „Text“, „Umschalten“, „Video“ und „Schieberegler“ implementiert.
• Integrierte automatisch generierte Moduleinstellungen für das Einstellungsfeld für Module wie Countdown-Timer, Kreiszähler, Code, Schaltfläche, Klappentext, Teiler, Audio, Klappentext, Code und Überschrift.
• Der Export von „SyncGlobalLayoutAttributes“ wurde aktualisiert, sodass er ein Typ statt eines Objekts ist.
• TypeDocs: @divi/modal-library-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für Datenspeicherfunktionen im @divi/modal-library-Paket.
• TypeDocs: @divi/page-settings-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für Datenspeicherfunktionen im @divi/page-settings-Paket.
• Entwicklung des Fullwidth Portfolio-Moduls sowohl in VB als auch FE in D5.
• TypeDocs: Paket @divi/keyboard-shortcuts zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/object-renderer-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/mask-and-pattern-library-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/middleware-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/modal-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/modal-snap-indicator-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/draggable-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/numbers-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/error-boundary-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/events-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/help-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für Datenspeicherfunktionen im @divi/help-Paket.
• TypeDocs: @divi/history-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/hooks-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/icon-library-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/global-layouts-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für Datenspeicherfunktionen im @divi/global-layouts-Paket.
• TypeDocs: @divi/fonts-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für Datenspeicherfunktionen im @divi/fonts-Paket.
• TypeDocs: Aktualisierte Dokumentation für das @divi/module-Paket.
• TypeDocs: @divi/data-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/divider-library-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs für das @divi/context-library-Paket hinzugefügt.
• TypeDocs: @divi/conversion-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: @divi/constant-library-Paket zum TypeDocs-Generator hinzugefügt.
• TypeDocs: Aktualisierte Dokumentation für das @divi/field-library-Paket.
• advancedStyles in der Deklaration von VB-Modulstilen für … Module implementiert.

In Kürze erhältlich: Divi Layouts AI!

Das ist alles für das Divi 5-Update dieses Monats. Darüber hinaus wird es bald eine neue Divi-KI-Funktion geben, auf die ich mich freue. Wir haben bereits KI-Tools für die Text-, Bild- und Codegenerierung entwickelt. Als nächstes fügen wir alles zusammen, damit Sie komplette Layouts mit KI erstellen können. Hinweis: Die Layouterstellung wurde im folgenden Video beschleunigt.

Sagen Sie Divi AI einfach, welche Art von Seite Sie möchten, und es erstellt das Layout, generiert die Bilder, schreibt den Inhalt und passt die Schriftarten und Farben an. In Sekundenschnelle haben Sie eine ganze Seite fertig und können in die Designeinstellungen von Divi springen, um ihr den letzten Schliff zu geben, oder die KI-Tools von Divi verwenden, um die Ergebnisse weiter zu verfeinern.

Bleiben Sie dran für weitere Updates

Seien Sie gespannt auf die Veröffentlichung von Divi Layouts AI und vergessen Sie nicht, nächsten Monat wieder vorbeizuschauen, um ein weiteres Divi 5-Update zu erhalten. Folgen Sie uns per E-Mail und abonnieren Sie unser YouTube, um sicherzustellen, dass Sie nichts verpassen. Wir sehen uns beim nächsten Mal.