Divi 5 Public Alpha Version 7: Neuer Funktionsfortschritt!

Veröffentlicht: 2025-01-23

Die Divi 5 Public Alpha steht zum Testen zur Verfügung. Wenn Sie Divi 5 verwenden, werden Sie heute eine Update-Benachrichtigung für Public Alpha Version 7 bemerken. Wir veröffentlichen alle zwei Wochen neue Divi 5-Versionen und es wird jedes Mal besser! Wenn Sie Divi 5 noch nicht getestet haben, probieren Sie es aus und teilen Sie uns Ihre Meinung mit.

Inhaltsverzeichnis
  • 1 Was ist neu in der öffentlichen Alpha 7?
    • 1.1 Herausragende Fehlerbehebungen und Verbesserungen
    • 1.2 Funktionsfortschritt
    • 1.3 Änderungsprotokoll
  • 2 Steigen Sie noch heute in Divi 5 ein

Was ist neu in der öffentlichen Alpha 7?

Diese neue Version von Divi 5 enthält 38 Fehlerbehebungen und erhebliche Fortschritte bei vier kommenden Funktionen . Wir verstecken diese Funktionen hinter Feature-Flags, bis wir sie fertiggestellt haben, und fügen regelmäßig intensiv getestete Teile in das Kernprodukt ein. Mit jedem Update machen wir spürbare Fortschritte bei der Veröffentlichung jeder neuen Funktion.

Wir sind mit dem Umschreiben von Divis Fundament fertig. Wir haben die Fehler unter Kontrolle. Von nun an heißt es mit Volldampf in Sachen Features!

Herausragende Fehlerbehebungen und Verbesserungen

Unter den 38 in dieser Version enthaltenen Fehlerbehebungen und Verbesserungen sind hier einige hervorzuheben:

Neue Exit-Taste und Verknüpfungen

Dies ist eine einfache Verbesserung der Lebensqualität. Die Exit-Schaltfläche im Visual Builder verfügt jetzt über ein Dropdown-Menü, mit dem Sie verschiedene Exit-Punkte auswählen können. Sie können zum WordPress-Beitragseditor zurückkehren, die Seite im Frontend anzeigen oder zum WordPress-Dashboard zurückkehren. Sie können jeden dieser Bereiche über die im Menü angegebenen Tastenkombinationen verlassen.

Leistungsverbesserungen

Diese Version verbessert die Leistung bei der Verwendung von Divi mit WooCommerce erheblich. Wenn Sie WooCommerce installiert haben, werden Sie feststellen, dass das Laden des Visual Builder viel schneller ist als zuvor. Die Ladezeiten von General Visual Builder wurden ebenfalls verbessert und die durchschnittlichen Ladezeiten um 200–300 ms verkürzt. Bei der Leistung machen wir keine Scherze! Wir werden Divi weiterhin schneller machen.

Funktionsfortschritt

Vier Teams arbeiten an vier Funktionen: anpassbare Haltepunkte, Optionsgruppenvoreinstellungen, Divi AI-Integration und WooCommerce-Module. Wir teilen unsere Zeit gleichmäßig zwischen vorhandenen Divi 4-Funktionen und neuen Funktionen auf, die Divi 5 im Rahmen des kürzlich angekündigten Funktionsaustauschs hinzugefügt wurden. Ein fünftes Team arbeitet an Fehlern und unterstützt Entwickler vom Divi Marketplace mit verbesserter Entwicklungsdokumentation und anderen Verbesserungen. Ein sechstes Team wird in Kürze hinzukommen.

Wir geben Gas und planen, in den nächsten Monaten fantastische Fortschritte zu machen.

Weitere Funktionen sind ebenfalls an Bord, darunter stark nachgefragte Funktionen wie ein neues Rastersystem auf Basis von Flexbox, fehlende Divi 5-Funktionen wie bearbeitbare Kopf- und Fußzeilenbereiche im Builder sowie Überraschungsfunktionen, die wir für die Zukunft von Divi als Fortgeschrittene als wesentlich erachten Website-Design-System.

Hier sind die Fortschritte, die wir bisher gemacht haben:

Anpassbare Haltepunkte

Diese Funktion ist zu etwa 80 % abgeschlossen. Es besteht eine gute Chance, dass wir es mit der öffentlichen Alpha 8 oder 9 veröffentlichen. Wir haben in nur wenigen Wochen fantastische Fortschritte gemacht.

Bald wird Divi 5 mit sieben vordefinierten Haltepunkten statt mit drei ausgeliefert. Sie können jeden Haltepunkt ein- und ausschalten und jede Breite anpassen, sodass Sie auf jedem Gerät die vollständige Kontrolle über Ihr Design haben. Wenn sieben anpassbare Haltepunkte nicht ausreichen, erweitern wir diese Funktion um die Möglichkeit, weitere hinzuzufügen.

Wir verstecken anpassbare Haltepunkte hinter einem Feature-Flag, bis es fertig ist, was bedeutet, dass es in der Divi 5-Benutzeroberfläche noch nicht sichtbar ist.

Divi AI-Integration

Diese Funktion ist im Wesentlichen vollständig. Alle Aspekte von Divi AI wurden in Divi 5 integriert, einschließlich Layout, Text, Bild und Codegenerierung. Nachdem wir einige Fehler behoben haben, werden wir diese Funktion mit Public Alpha 8 veröffentlichen.

Wir verstecken Divi AI hinter einem Feature-Flag, bis es fertig ist, was bedeutet, dass es noch nicht in der Divi 5-Benutzeroberfläche sichtbar ist.

Optionsgruppenvoreinstellungen

Es ist eine Überraschungsfunktion! Wir sind zu etwa 50 % mit dieser Version fertig, die für Anfang März geplant ist. Optionsgruppenvoreinstellungen sind eine Erweiterung der Modulvoreinstellungen und können für alle Modultypen verwendet werden und über den Modulvoreinstellungen liegen.

Wenn Sie beispielsweise gemeinsame Hintergrund-, Rahmen-, Boxschatten- oder Schriftarten haben, die Sie auf Ihrer gesamten Website verwenden, können Sie diese in Voreinstellungen umwandeln. Wenden Sie voreingestellte Optionen auf mehrere Elemente auf Ihrer Website an, um ein dynamisches Designsystem zu erstellen.

Divi wird das fortschrittlichste und flexibelste Designsystem von WordPress werden, und Voreinstellungen sind nur der Anfang.

Wir verstecken Optionsgruppenvoreinstellungen hinter einem Feature-Flag, bis sie fertig sind, was bedeutet, dass sie in der Divi 5-Benutzeroberfläche noch nicht sichtbar sind.

WooCommerce-Module

Wir befinden uns noch in der Planungsphase für WooCommerce-Module. Wir evaluieren den optimalen Weg nach vorn, um sicherzustellen, dass unsere Module mit der Umstellung von WooCommerce auf Blöcke kompatibel sind. Außerdem müssen wir mit unserer fertigen Modulsammlung einige Ordnungsarbeiten abschließen, bevor wir weitere ca. 20 Module einführen.

Wir planen, die WooCommerce-Module einzeln zu veröffentlichen. In der Zwischenzeit können Sie die alten WooCommerce-Module von Divi 4 weiterhin in Divi 5 verwenden.

Änderungsprotokoll

Hier ist eine Liste aller in Public Alpha 7 implementierten Änderungen.

  • Der Schaltfläche „Beenden“ wurde ein Dropdown-Menü hinzugefügt, um mehrere Optionen zum Beenden zu ermöglichen.
  • Eine Überkorrektur des Höhenversatzes wurde behoben, wenn ein fester Header verankerte Abschnitte auf Tablet- und Telefongeräten überlappen konnte.
  • Die Option „showBottomSpace“ im Bildmodul wurde behoben, die nicht funktionierte.
  • Unterstützung für ImageSizing- und ImageSpacing-Komponenten zu advancedStyles hinzugefügt, um Stile und die entsprechenden Übergänge auszugeben.
  • Das Problem beim Übergang der Videomodul-Wiedergabetaste vom Desktop und beim Hover wurde behoben.
  • Automatisch generierte Moduleinstellungen für das Codemodul mit voller Breite implementiert.
  • Das Toggle-Modul wurde aktualisiert, um automatisch generierte Moduleinstellungen zu verwenden.
  • WooCommerce-basierte Geschwindigkeitsprobleme wurden behoben, die die Geschwindigkeit und Effizienz von Divi bei Verwendung mit WooCommerce deutlich steigerten.
  • Die Abhängigkeitsprüfung wurde verbessert, um die Effizienz zu steigern.
  • Bereitstellung einer robusten Lösung für zuvor aufgetretene langsame Ladezeiten beim Frontend-Rendering von Shortcode-Inhalten im Abwärtskompatibilitätsmodus.
  • Das Exportieren von Bibliothekselementen mit Voreinstellungen aus der Divi-Bibliothek wurde behoben.
  • Verbesserte zentralisierte REST-API-Root-URL-Verarbeitung im Einstellungsspeicher, wodurch Netzwerkanfragen reduziert und die Logik vereinfacht werden.
  • Behoben: Verbesserte Testisolation und Zuverlässigkeit durch Aktualisierung von REST-API-bezogenen Mocks.
  • Behoben: Benutzerdefinierte CSS-Felder funktionierten im Blog-Modul nicht, wenn sie im Frontend gerendert wurden.
  • Das Problem mit dem lokalen Schritt des Bereichsschiebereglers wurde behoben.
  • Es wurde ein Problem behoben, bei dem das Zurücksetzen von Kontrollkästchen in einigen Fällen nicht funktionierte.
  • Den Optionen „Transformationsskalierung“, „Hintergrundbild“ und „Hintergrundmuster“ wurden neue CSS-Einheiten hinzugefügt, um Einheiten wie px, em, rem, vh, vw usw. zu akzeptieren.
  • Es wurde eine neue Tutorial-Seite mit dem Namen „Modifying Module Output“ eingeführt, die erklärt, wie man die Modulausgabe mit Modul-Wrapper-Hooks ändert.
  • Die Tutorialreihe „Hinzufügen benutzerdefinierter Moduleinstellungen über Hook“ wurde in „Moduleinstellungen und -ausgabe anpassen“ umbenannt.
  • Hinzufügen von UI-Komponenten für benutzerdefinierte Haltepunkte. Diese sind für den Endbenutzer noch nicht sichtbar.
  • Die Tutorialreihen „Hinzufügen einer benutzerdefinierten Optionsgruppe“ und „Hinzufügen eines benutzerdefinierten Optionsfelds“ wurden aktualisiert, um das Audiomodul als Testfall für die Verbindung der kommenden Tutorials zu verwenden, z. B. zum Rendern von Elementen und Stilen.
  • Problem behoben, bei dem der Titel-Tag des Moduls „Preistabellen“ nicht funktionierte, während ein Wert auf übergeordneter Ebene verwendet wurde.
  • Die dynamische Datenverarbeitung wurde korrigiert, indem Regex aktualisiert wurde, um verschachtelte JSON-ähnliche Strukturen zu unterstützen.
  • Die Art und Weise, wie wir Skripte in den Tutorials „Seiteneinstellungen erweitern“ und „Einfaches Schnellmodul erstellen“ in die Warteschlange stellen, wurde aktualisiert.
  • Problem behoben, bei dem auf Desktop-Ebene definierte Parallaxenbilder bei kleineren Haltepunkten nicht angezeigt wurden.
  • Der Name der Medien-Uploader-Schaltfläche beim Hochladen einer Videodatei aus dem Slider-Modul wurde korrigiert.
  • Das Wireframe, das die Hintergrundfarbe der Website anzeigte, wurde korrigiert, was nicht beabsichtigt war.
  • Die CheckboxesContainer-Komponente wurde behoben, bei der Standardwerte nicht funktionierten.
  • Ein Tippfehler in der Erläuterung zu den Symbolfarbeinstellungen wurde behoben.
  • Die Speicheraktion „assignGroupPresetToDefault“ wurde hinzugefügt, um eine Optionsgruppenvoreinstellung als Standard festzulegen.
  • Der Modaltyp der Theme-Builder-Hilfe wurde korrigiert.
  • Die Einführungsseite im Abschnitt „Konvertieren des Divi 4-Moduls in Divi 5“ der Dokumentation wurde aktualisiert, um auf das neue Repository zu verweisen.
  • Den Tutorial-Seiten im Abschnitt „Konvertieren des Divi 4-Moduls in Divi 5“ wurden Warnabschnitte hinzugefügt, die darauf hinweisen, dass die Tutorials veraltet sind und derzeit aktualisiert werden.
  • Die Store-Aktion „updateOptionGroupPresetWithCurrentStyles“ wurde hinzugefügt, um voreingestellte Aktualisierungen von aktuellen Stilen zu verarbeiten.
  • Die Speicheraktion „deleteOptionGroupPreset“ wurde hinzugefügt, um den Mechanismus zum Löschen von Voreinstellungen zu handhaben.
  • Die Speicheraktion „cloneOptionGroupPreset“ wurde hinzugefügt, um den Klonvoreinstellungsmechanismus zu handhaben.
  • Die veraltete Vorschau wurde aktualisiert und Grammatikfehler für die Tutorialseite zum Hinzufügen von Platzhalterinhalten korrigiert.
  • Aktualisierte veraltete Informationen und Vorschau für das Tutorial zum Erstellen eines dynamischen Divi 4-Moduls.
  • Der Mechanismus des Visual Builder-App-Frames für anpassbare Haltepunkte wurde aktualisiert.
  • Es wurde ein Problem in der Preistabelle behoben, bei dem Stile nicht auf den Titeltext angewendet wurden, wenn die Titelüberschriftenebene auf h6 eingestellt war.
  • Es wurde ein Problem behoben, bei dem der Höhenübergang im Bildmodul nicht funktionierte.
  • Das Ausrichtungsproblem des „Weiterlesen“-Textes im Blog-Modul bei Verwendung des Rasterlayouts wurde behoben.
  • Das Problem beim Umschalten manueller benutzerdefinierter Felder bei der Bedingungsanzeigeoption wurde behoben.
  • Es wurde ein Problem im Theme Builder-Layout behoben, bei dem der Beitragstitel-Editor immer das aktuelle Datum anstelle des korrekten Datums anzeigte.
  • Defektes Symbol zum Schließen des TinyMCE-Panels behoben.
  • Das Problem, dass sich die Spaltenstruktur änderte, führte dazu, dass sich die Seitenleiste mit den Einstellungen unerwartet löste.
  • AddNewOptionGroupPreset-Speicheraktion hinzugefügt, um voreingestellte Aktualisierungen von aktuellen Stilen zu verarbeiten.
  • Problem mit dem Zwischenablagesystem behoben, bei dem das Kopieren/Einfügen von Stilen manchmal nicht funktionierte.
  • Funktionalität hinzugefügt, um zugewiesene Gruppenvoreinstellungen in der Gruppen-Benutzeroberfläche anzuzeigen.
  • AddNewOptionGroupPresetFromCurrentStyles Store-Aktion hinzugefügt, um eine neue Voreinstellung aus aktuellen Stilen hinzuzufügen.
  • Das Problem, dass die Button-Design-Option bei der Auswahl eines beliebigen Button-Designs im visuellen Builder springt, wurde behoben.
  • Das Problem mit der Überlagerung des Hover-Symbols des Bildmoduls im Hover-Status wurde behoben.
  • Verbesserte globale Datenspeicheraktionen („divi/global-data“).setDefaultPresetOnSave() und („divi/global-data“).unsetDefaultPresetOnSave() zur Unterstützung der Verarbeitung von Optionsgruppenvoreinstellungen.
  • Die Store-Aktion „updateOptionGroupPresetName“ wurde hinzugefügt, um den voreingestellten Namen der Optionsgruppe zu aktualisieren.
  • Das Problem mit dem Standardwert der Beitragsanzahl für den Beitrags-Slider und das Beitrags-Slider-Modul in voller Breite wurde behoben.
  • Es wurde ein Problem behoben, bei dem voreingestellte Änderungen nicht rückgängig gemacht wurden, nachdem auf „Änderungen abbrechen“ geklickt wurde.
  • Es wurde ein Problem behoben, bei dem Stile für Module, die definierte Voreinstellungen verwendeten, zweimal gedruckt wurden.
  • EditPresetAttribute-Speicheraktion hinzugefügt, um voreingestellte Attribute der Optionsgruppe zu verarbeiten.
  • Beim Klicken auf eine Kartennadel im Kartenmodul wurde ein Fehler behoben, der zu einer Fehlfunktion des Tooltips führte.
  • Problem behoben, bei dem die Überlagerungsoption „Bildmodul in voller Breite“ beim Schweben nicht angezeigt wurde.
  • Speicheraktion ('divi/global-data').addDefaultOptionGroupPreset() hinzugefügt, um die Funktionalität zum Erstellen von Standardvoreinstellungen für bestimmte Optionsgruppen zu verwalten.

Steigen Sie noch heute in Divi 5 ein

Jetzt ist es an der Zeit, Divi 5 zu testen und Fehler zu melden. Wir werden weiterhin intensiv daran arbeiten, die von Ihnen gefundenen Probleme zu beheben. Sie werden außerdem ein schnelles Build-Erlebnis, eine deutlich verbesserte Frontend-Leistung und eine moderne neue Benutzeroberfläche genießen!

Teilen Sie uns Ihre bisherige Meinung mit und seien Sie gespannt auf eine neue Divi 5-Version alle zwei Wochen. Von nun an wird sich Divi 5 während der Alpha, Beta und darüber hinaus regelmäßig verbessern.