Probieren Sie noch heute die Divi 5 Alpha-Demo aus!

Ich bin mit einem weiteren Divi 5-Update zurück und freue mich, Ihnen heute mitteilen zu können, dass eine Divi 5-Demo-Website verfügbar ist. Sobald wir einige weitere Funktionen fertiggestellt und alle von Ihnen gefundenen Fehler behoben haben, veröffentlichen wir die öffentliche Alpha, die Sie herunterladen und auf Ihren Websites testen können. In der Zwischenzeit werden wir die Demo alle zwei Wochen aktualisieren, und Sie können mitmachen.

Probieren Sie die Divi 5-Demo aus

Wir haben außerdem eine neue Landingpage für Divi 5 eingerichtet, auf der Sie einen Link zur Demo-Website und eine Liste aller meiner monatlichen Divi 5-Updates finden.

Alle Details erfahren Sie im Video unten.

Entdecken Sie die Divi 5-Demo

Sie werden feststellen, dass die neue Version des Visual Builder fast fertig ist. Zu den fehlenden Funktionen gehören Schnellaktionen, Suchen und Ersetzen, Voreinstellungen, WooCommerce-Module und einige Bedingungsoptionen. Wenn in der Demo etwas fehlt, liegt das nicht daran, dass wir es entfernt haben; es wurde einfach noch nicht hinzugefügt.

Dies ist ein Pre-Alpha-Build . Sie werden auf Fehler und Macken in der Benutzeroberfläche stoßen, von denen wir die meisten bereits auf dem Radar haben. Wenn Sie einen Fehler bemerken, melden Sie ihn unserem Support-Team. Wir sind immer noch dabei, die Dinge zu verbessern, und die Veröffentlichung dieser Demo ermöglicht es uns, die öffentliche Alpha noch besser in Form zu bringen, bevor sie live geht.

Was hat sich in Divi 5 geändert?

Divi 5 sieht etwas anders aus. Alles funktioniert im Wesentlichen auf die gleiche Weise wie bei Divi 4, es sind jedoch einige Änderungen zu beachten.

1. Anpassbare Benutzeroberfläche: Divi 5 unterstützt mehrere Panels, kombinierte Panel-Fenster und benutzerdefinierte Docking-Konfigurationen.
2. Einfachere Responsive-Bearbeitung: Anstatt die Responsive-Bearbeitung auf Optionsebene zu ermöglichen, wird die Responsive-Bearbeitung auf Anwendungsebene gesteuert. Wechseln Sie zu einer beliebigen Ansicht, und die Änderungen, die Sie in dieser Ansicht vornehmen, werden automatisch übernommen.
3. Neue Interaktionsmodi: Auch die Interaktionsmodi unterscheiden sich in Divi 5. Jetzt als „Interaktionsebenen“ bezeichnet, können Sie auswählen, welche Elementebenen beim Hover angezeigt werden, einschließlich Elementoptionen, Optionen für übergeordnete Elemente und Elementumrisse. Wenn Sie auf ein Element klicken, wird dessen Einstellungsfenster geöffnet. Sie müssen nicht doppelklicken oder auf das Zahnradsymbol klicken. Alle Aktionen sind per Rechtsklick verfügbar. Wenn Sie also alles ausblenden möchten, um die Benutzeroberfläche zu vereinfachen und Überschneidungen zu vermeiden, ist dies eine praktikable Option.
4. Intuitive Navigation: Dank des angedockten Ebenenbedienfelds und der Breadcrumbs im Einstellungsbedienfeld ist es auch einfacher, auf der Seite zu navigieren.
5. Erstaunliche Leistung: Divi 5 ist viel schneller, was Sie sofort bemerken werden. Darüber hinaus kommt es bei großen, komplexen Designs nicht zu Engpässen. Versuchen Sie, herumzuklicken, Dinge schnell zu duplizieren und mit verschiedenen Einstellungen verrückt zu werden, und Sie werden sehen, wie schnell es geht.
6. Eine einfache, optimierte Benutzeroberfläche: Die Divi 5-Benutzeroberfläche ist optimierter. Es ist kleiner und effizienter. Es ist schneller und enthält keine unnötigen Animationen und Effekte. Es fehlen die veralteten Schaltflächen zum Speichern und Abbrechen in jedem Bedienfeld. Es kommt auch mit einem Dunkelmodus. Vielleicht fühlen Sie sich im größeren, langsameren und verspielteren Design von Divi 4 zu Hause, aber sobald Sie sich an Divi 5 gewöhnt haben, werden Sie seine neuen Stärken zu schätzen wissen.

In die Zukunft schauen

Die kritischsten Änderungen in Divi 5 sind die Dinge, die Sie nicht sehen können. Eine neue Grundlage hinter den Kulissen macht Divi aus Entwicklungsperspektive leistungsfähiger und gibt unserem Team und der Community die Möglichkeit, neue Funktionen zu entwickeln, die in Divi 4 nicht möglich waren.

Sobald wir Divi 5 veröffentlichen, beginnt der wahre Spaß, denn wir sprinten vorwärts und entwickeln alle Funktionen, von denen wir wissen, dass Sie sie wollen! Vertrau mir; Wir wissen, dass Sie viele wichtige Funktionen benötigen: Loop Builder, Flexbox und CSS-Raster, verbesserte Zugänglichkeit, mehr Module, bessere Menü- und Header-Optionen; Wir haben alles auf dem Schirm und ich kann es kaum erwarten, diese Hürde zu überwinden, damit wir mit der Arbeit beginnen können.

Was wir diesen Monat erreicht haben

Lassen Sie mich Ihnen als Nächstes unseren monatlichen Fortschrittsbericht geben. Wir haben die neue Benutzeroberfläche weiter verfeinert und diese Verbesserungen auf andere Bereiche von Divi ausgeweitet, um dem Theme Builder, den Theme-Optionen, dem Rolleneditor und der Divi-Bibliothek einen neuen Anstrich zu verleihen. Wir setzten unsere Bugfixing-Mission fort, reparierten über 100 weitere Bugs und reduzierten die Liste auf etwas Beherrschbares. Wir haben die globalen Farben und den Großteil der Ebenenansicht abgeschlossen und mit der Arbeit an einigen verbleibenden Front-End-Funktionen begonnen, darunter dynamische Assets und die Generierung statischer CSS-Dateien.

Wir haben auch Divi Cloud mit der neuen Version der Divi-Bibliothek verbunden und unser kleines Divi AI/Cloud-Team hinzugezogen, um diese Funktionen zu implementieren und dabei zu helfen, Divi 5 etwas schneller über die Ziellinie zu bringen.

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

• Preset-Auswahlkomponente in VB hinzugefügt.
• Voreingestellte Elementklasse zum Modulelement in VB hinzugefügt.
• Falscher oberer Rand behoben, wenn die Admin-Leiste deaktiviert war.
• Es wurde ein Fehler beim CSS-Rendering behoben, der dazu führte, dass die CSS-Ausgabe für Haltepunkte und Zustände in manchen Fällen nicht in der richtigen Reihenfolge erfolgte.
• Der Eingabestil „Schrift hochladen“ wurde aktualisiert.
• Fehler beim Speichern/Vorschau eines Moduls in VB behoben.
• Fehler beim Speichern von Popup-Stilen behoben.
• Die modalen Abmessungen und die Positionierung der erweiterten Symbolauswahl wurden korrigiert.
• Problem behoben, bei dem die Ebenenansicht in der linken Seitenleiste mehrmals gerendert wurde, wenn bei mehreren Modulen auf die Option „Gehe zu Ebene“ mit der rechten Maustaste geklickt wurde.
• Stellen Sie „Modalhöhe hinzufügen“ so ein, dass die Option automatisch an die verfügbare Höhe des Ansichtsfensters angepasst wird.
• Es wurde ein Problem behoben, bei dem die Schaltfläche „Farbe hinzufügen“ nicht sichtbar ist, wenn Sie keine/null globale Farben haben. Wenn Sie jedoch eine globale Farbe haben, ist die Farbe ausgeblendet und nur die Schaltfläche „Farbe hinzufügen“ sichtbar.
• Das Problem wurde behoben, bei dem das Hinzufügen globaler Farben dazu führte, dass die Bereichsinteraktion/Mausefalle des Moduls deaktiviert wurde.
• Das Problem mit dynamischen Aktionsbezeichnungen für die Registerkarte „Importieren und Exportieren“ im Portabilitätsmodal wurde behoben.
• Das Problem im Einstellungsfeld wurde behoben, bei dem die Schaltfläche „Umleitung aktivieren“ deaktiviert war, das URL-Feld jedoch sichtbar war.
• Die übergebene modale Größe der Clear-Ebene wurde an die Wrapper-Komponente korrigiert.
• Einige Codes hinter den Kulissen beim Speichern eines Beitrags/einer Seite wurden bereinigt
• Es wurde ein Problem behoben, bei dem die Synchronisierung globaler Farben nur beim Entwurf und nicht bei der Veröffentlichung/Vorschau erfolgte.
• Es wurde ein Problem behoben, bei dem gelöschte globale Farben beim Speichern nicht aus dem Layout entfernt wurden.
• Fehler bei der Farbauswahl im Schwarz-Weiß-Farbbereich behoben.
• Behoben: Das Öffnen von Modals ändert die Werte der Moduleinstellungen.
• Es wurde ein Problem behoben, bei dem bei vielen globalen Farben das Erweitern der Registerkarte „Gespeicherte/zuletzt verwendete Farben“ und das anschließende Öffnen der Registerkarte „Globale Farben“ dazu führte, dass sich die Farbfelder mit den Titeln der Registerkarten „Gespeichert/Global/Zuletzt verwendet“ überlappten.
• Es wurden Tests für die Funktion zum Kopieren/Einfügen der Zwischenablage hinzugefügt, um zu überprüfen, ob globale Farbattributwerte kopiert/eingefügt werden.
• Unterstützung für das Attribut showPlaceholderOnEmpty in der TextArea-Feldkomponente hinzugefügt.
• Funktion hinzugefügt, um Einstellungen im Blog-Modul auszublenden, wenn die Inhaltslänge auf „Inhalt anzeigen“ eingestellt ist.
• Der Fehler, bei dem der Benutzer eine Spalte aus der Ebenenansicht löscht, wurde behoben.
• Die falsche und unvorhersehbare Position der Symbolleiste des Inline-Editors wurde behoben, wenn Benutzer einige Texte im Builder auswählten.
• Es wurde ein Problem behoben, bei dem die Option „Paginierung anzeigen“ im D5-Blog-Modul die Paginierung im Frontend nicht verbarg, wenn sie deaktiviert war.
• Das Problem wurde behoben, bei dem durch Deaktivieren der Option „Auszug anzeigen“ im D5-Blogmodul der Auszug in der Visual Builder-Vorschau nicht ausgeblendet wurde.
• Fehler bei responsiven Inhalten behoben, die dadurch verursacht wurden, dass @wordpress/hooks in externe Abhängigkeiten verschoben wurde, indem es als Abhängigkeit für das Multi-View-Skript im FE registriert wurde.
• Falsche Aktualisierungsreihenfolge im Rich-Text-Feld behoben.
• Behebt unerwünschte Textunterstreichungen, die der Schaltfläche aufgrund einer falschen Rendering-Reihenfolge im statischen Divi-Stil hinzugefügt wurden.
• Fehlende Seitenverknüpfungen hinzugefügt (Seite speichern, Seite als Entwurf speichern, Visual Builder beenden, offene Portabilität, reaktionsfähiges Vergrößern/Verkleinern, Wechsel in den Wireframe-Modus)
• Falsche Position der Portabilität und des Modals „Speichern in der Bibliothek“ beim ersten Öffnen behoben.
• Das Problem wurde behoben, bei dem beim Zurücksetzen der Hover-Stile stattdessen die Desktop-Stile zurückgesetzt wurden.
• Das Problem wurde behoben, bei dem der Schaltflächenverlauf im Desktop-Status anhielt und der Wert in den Wert geändert wurde, der vom Hover-Verlaufsstopp verwendet wurde.
• Das Verstecken des sichtbaren Teils des Elements in seiner ursprünglichen Position beim Ziehen wurde behoben.
• Das Ausblenden/Anzeigen des „Deaktivieren bei“-Reset-Symbols basierend auf sichtbaren Häkchen/Häkchen wurde behoben.
• Behoben, dass Tastaturkürzel nicht richtig funktionierten.
• Problem behoben, bei dem die Schaltfläche „Zurücksetzen“ nicht mit Kontrollkästchen funktionierte.
• Fügen Sie fehlende Spaltenfunktionen in Spezialabschnitten hinzu.
• Builder-Einstellungsoption hinzugefügt, um die Admin-Leiste zu deaktivieren
• Möglichkeit hinzugefügt, zum abgelegten Modul in VB zu scrollen, nachdem es per Drag & Drop in die Ebenenansicht gezogen wurde.
• Es wurde die Möglichkeit hinzugefügt, zum abgelegten Modul in VB zu scrollen, nachdem es per Drag & Drop in die Ebenenansicht gezogen wurde.
• Der Seitenleiste wurde eine übersichtliche Schaltfläche hinzugefügt.
• Farbmodus-Umschaltung in der Seitenleiste hinzugefügt.
• Durch die hinzugefügte Funktionalität wird sichergestellt, dass die Ebenengruppe nur dann erweitert wird, wenn das gezogene Modul der richtige Nachkomme des Moduls ist.
• Es wurde eine Funktion zum Erweitern der Ebene hinzugefügt, wenn ein Benutzer nach 200 ms ein Modul zieht und mit der Maus über die Ebenengruppe fährt.
• Es wurde eine Funktion hinzugefügt, um das tatsächliche Modul im Layout hervorzuheben, wenn der Mauszeiger in der modalen Ebenenansicht darüber gehalten wird.
• Mechanismus zum Deklarieren der Modulattribute „default“ und „defaultPrintedStyle“ in einer eigenen JSON-Datei hinzugefügt.
• Mechanismus zum Extrahieren von Attributen hinzugefügt, die HTML-, Stil- und Skriptdaten generieren
• Schaltfläche für die Seitenleiste hinzugefügt, um den visuellen Builder zu verlassen
• Eine Seitenleistenschaltfläche wurde hinzugefügt, um eine Vorschau des aktuellen Status des Builders im Frontend anzuzeigen.
• Es wurde eine Verhinderung hinzugefügt, um sicherzustellen, dass die einzige Spalte in einer Zeile nicht entfernt oder in eine andere Zeile verschoben wird.
• Prototyp der modalen Voreinstellungseinstellungen hinzugefügt
• Docken Sie die Ebenenansicht beim Öffnen automatisch an der linken Seitenleiste an.
• Stellen Sie sicher, dass das Modal „Aus Bibliothek hinzufügen“ jetzt zentriert im Seitenbereich mit einer maximalen Breite und Höhe von 32 Pixeln von jedem Rand des Rahmens auf allen vier Seiten angezeigt wird.
• Es wurde ein Fehler im Blurb-Modul für Hover-Selektoren behoben, der dazu führte, dass die Stile nicht in VB gerendert wurden, wenn der Hover-Status ausgewählt wurde.
• Es wurde ein Fehler in Divi 5 behoben, bei dem Sticky-State-Stile in VB nicht gerendert wurden, wenn in den Moduleinstellungen der Sticky-State ausgewählt wurde.
• Eine veraltete Meldung in PHP 8.3 im Zusammenhang mit dynamischen Eigenschaften wurde behoben.
• Es wurde ein PHP-Veraltungshinweis im E-Mail-Optin-Modul behoben, der in PHP 8.2+ auftrat.
• Problem behoben, bei dem das Admin-Label im Ebenenansicht-Modal nicht synchronisiert war, wenn es von den Moduleinstellungen oder dem Wireframe-Modus geändert wurde.
• Es wurde ein Problem behoben, bei dem alle Beiträge im Blog-Modul im Visual Builder angezeigt wurden, auch wenn bestimmte Kategorien ausgewählt wurden.
• Es wurde ein Problem behoben, bei dem die Overlay-Hintergrundfarbe und das Overlay-Symbol im Frontend nicht korrekt gerendert wurden.
• Fehler beim automatischen Scrollen beim Ziehen des Moduls in die Nähe des oberen/unteren Fensteransichtsfensters behoben
• Die Hintergrundfarbe der Schaltfläche und die Textfarbe der Schaltfläche im E-Mail-Konto und in den Spam-Schutzfeldern im Einstellungsfeld in den Modulen „Kontaktformular“ und „E-Mail-Optin“ wurden korrigiert.
• Die Standardsymbolauswahl im Symbolmodul beim ersten Laden wurde korrigiert.
• Die dynamische Inhaltsanzeige in den Einstellungen für den Titel des untergeordneten Elements für Module wie ein Akkordeon wurde korrigiert.
• Fehler behoben, der während der Ausführung des Befehls „garn test-unit“ aufgetreten ist.
• Falscher Klassenname des Testimonial-Moduls behoben
• Fehlerhafte feste Position des Inline-Editors behoben.
• Das Problem wurde behoben, bei dem beim Speichern des Entwurfs immer die Seite veröffentlicht wurde.
• Es wurde ein Problem behoben, bei dem einige Modelle und ausgewählte Menüs von der anfänglichen falschen Position zur richtigen Position blinkten.
• Es wurde ein Problem behoben, bei dem Tabs im Tabs-Modul nicht angezeigt wurden.
• Verzögerungen beim Ziehen und Ablegen in der Drahtgitteransicht behoben
• Fehlende Bildanimationsklassen im Personenmodul behoben.
• Fehlende Tooltips von Hintergrundregisterkarten behoben.
• Problem behoben, bei dem die Aktion „Moduloptionen“ nicht funktionierte, wenn darauf geklickt wurde; öffnet stattdessen die Moduleinstellungen.
• Problem behoben, bei dem im Akkordeon-Modul im Schwebezustand zusätzlicher Platz unten angezeigt wurde.
• Das reibungslose Scrollen beim Ziehen der Ebene von unten nach oben wurde behoben.
• Die Textfarbe im Inhalt des Richtext-Editors im dunklen Modus wurde korrigiert.
• Das Problem mit dem Hover-Symbol des Blurb-Moduls wurde behoben.
• Das Dropzone-Problem für den unteren Bereich wurde behoben, das dazu führte, dass wir die Module unten in der Layer-Modulliste ablegten.
• Das Problem der Anzeige von Moduloptionen wurde behoben, obwohl das Ebenenmodul nicht mehr mit der Maus bewegt wurde.
• Das Problem mit der Anzeige minderwertiger Galeriebilder im Galeriemodul FE wurde behoben.
• Die Aktualisierung der Namen untergeordneter Spalten in der Zeileneinstellung und die Neuordnung der Spalten beim Ziehen wurden behoben.
• Es wurden Verbesserungen an der Color Picker-Komponente eingeführt, die eine größere Erweiterbarkeit und Modularität ermöglichen.
• Einführung einer neuen Basiskomponente für Transformationsfelder, die doppelte CSS-Transformationen auflöst.
• Der angedockte/nicht angedockte Zustand des Modals bleibt erhalten, sodass es basierend auf seinem letzten geschlossenen Zustand wieder geöffnet wird.
• Das Drag-and-Drop von Modulen kann von jedem Moduloberflächenbereich aus initialisiert werden.
• Entfernen Sie die Schaltfläche „Beenden“ aus der Admin-Leiste
• Die ziehbare und in der Größe veränderbare Funktion wurde aus dem Bibliotheksmodalitätenladen entfernt.
• Moduloptionen aus der Spalte des Spezialbereichs im Ebenenansicht-Modal entfernt.
• Nach der ordnungsgemäßen Behebung des Problems wurde der redundante Hover-Selektor für das Anmeldemodul entfernt.
• Nicht verwendete Tastenkombination entfernt.
• Die modusbasierte UX von Divi 4 wurde durch die UX auf Interaktionsebenen ersetzt.
• Optimierte visuelle Builder-Benutzeroberfläche (Feld- und Modalkomponenten)
• Blenden Sie die Schaltflächen „Rückgängig“ und „Wiederherstellen“ vorübergehend in der Seitenleiste aus, bis der Verlauf entwickelt ist
• Die Funktion „Globale Farben“ wurde aktualisiert und verfeinert, wodurch ein neues globales Farb-ID-Format und eine bessere Unterstützung für Modulattribute eingeführt wurden.
• Verwendete CSS-Variablen, um die Farben der Ebenenansicht festzulegen, ersetzte unnötige useSelect-Nutzung in der Layer-Drag-Handle-Komponente, um die Leistung zu optimieren, und verwendete konsequent selectStore für die Benennung des Selektors innerhalb der useSelect-Nutzung der Ebenenansicht.

Bleiben Sie dran für weitere Updates

Das ist alles für den Fortschrittsbericht dieses Monats. Seien Sie gespannt auf weitere Updates und vergessen Sie nicht, uns per E-Mail zu folgen und unseren YouTube-Kanal zu abonnieren, um sicherzustellen, dass Sie nichts verpassen. Divi 5 ist ein riesiges Projekt, aber ich werde jeden Monat zurückkommen, um Sie über unsere Fortschritte auf dem Laufenden zu halten.