Divi 5-Fortschrittsupdate: Erkundung der Erweiterbarkeit von Divi 5

Ich bin mit einem weiteren Divi 5-Fortschrittsupdate zurück. Wenn Sie mit Divi 5 nicht vertraut sind, schauen Sie sich unseren ursprünglichen Ankündigungsbeitrag an. Kurz gesagt: Wir erstellen den Builder in Divi 5 von Grund auf neu und konzentrieren uns dabei auf Leistung, Stabilität, Skalierbarkeit und Erweiterbarkeit. Es wird nicht viele neue Funktionen mit sich bringen, aber es wird viel schneller und leistungsfähiger sein und unserem Team und der Community die Werkzeuge geben, die wir brauchen, um mit fantastischen neuen Modulen und Funktionen durchzustarten.

Letzten Monat habe ich eine Demo des Divi 5 Visual Builder gezeigt, um seine blitzschnelle Geschwindigkeit zu demonstrieren. Wenn Sie also das Video verpasst haben, schauen Sie es sich unbedingt an.

Ich werde die Erweiterbarkeit von Divi 5 besprechen und im Update dieses Monats eine kurze Demonstration geben. Aber lassen Sie uns zunächst darüber sprechen, was unser Team im letzten Monat gemacht hat.

Was wir diesen Monat erreicht haben

Wir haben letzten Monat große Fortschritte gemacht. Wir nähern uns dem Start von Divi 5 Dev Beta, der nächsten Phase des Divi 5 Beta-Programms, und ich hoffe, die Veröffentlichung in meinem nächsten Update ankündigen zu können.

Auf der Zielgeraden konzentrieren wir uns weiterhin auf die Vereinfachung des Modulerstellungsprozesses, damit Entwickler aus der Community und unser Team Divi 5-Module schneller erstellen können. Die Arbeit, die wir in dieser Phase investiert haben, wird sich in den weiteren Phasen auszahlen, wobei das ultimative Ziel darin besteht, Divi 5 früher in die Hände zu bekommen.

Changelog-Einträge:

• Alle derzeit erstellten Module wurden überarbeitet, um ein neues und verbessertes elementbasiertes Attributsystem zu integrieren.
• SaveInlineEditorValue Util-Funktion in Pakete/Module-Utils hinzugefügt, um Werte aus dem Inline-Texteditor zu speichern
• Funktion canEditInline Util in packets/module-utils hinzugefügt, um zu überprüfen, ob das Modulattribut inline bearbeitet werden kann
• OnPaste-Handler-Ereignis zum Inline-Texteditor hinzugefügt, um Zwischenablagedaten zu verarbeiten
• Im Builder wurden ereignisbasierte Klassennamen des Inline-Texteditors durch data-*-Selektoren (z. B. et-vb-editable-element–empty, et-vb-editable-element–html) ersetzt.
• Aktualisiertes CSS für Inline-Texteditor mit data-*-Selektoren (z. B. [data-et-vb-editable-element]).
• Aktualisierter Inline-Texteditor, um zu prüfen, ob das Modul bearbeitbar ist und der Benutzer über die entsprechende Berechtigung zum Bearbeiten verfügt
• Der Tastaturkürzelspeicher wurde überarbeitet, um Tastenkombinationen zu deaktivieren, wenn sich der Inline-Texteditor im Bearbeitungsmodus befindet
• Inline-Texteditor-Funktionalität zum Audiomodul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Blurb-Modul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Barthekenmodul für Titel hinzugefügt
• Inline-Texteditor-Funktion zum Kreiszählermodul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Codemodul für Codeinhalte (HTML) hinzugefügt
• Inline-Texteditor-Funktionalität zum Countdown-Timer-Modul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Fullwidth-Header-Modul für Titel und Unterüberschrift hinzugefügt
• Inline-Texteditor-Funktionalität zum Vollbreiten-Codemodul für Codeinhalte (HTML) hinzugefügt
• Inline-Texteditor-Funktionalität zum Anmeldemodul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Nummernzählermodul für Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Modul „Person“ (Teammitglied) für Name und Position hinzugefügt
• Inline-Texteditor-Funktionalität zum Preistabellenmodul für Titel, Untertitel, Währung, Summe und Häufigkeit hinzugefügt
• Inline-Texteditor-Funktionalität zum Slider-Modul für Folienüberschriften hinzugefügt
• Inline-Texteditor-Funktionalität zum Tabs-Modul für Tab-Titel hinzugefügt
• Inline-Texteditor-Funktionalität zum Testimonial-Modul für Autor, Berufsbezeichnung und Firmennamen hinzugefügt
• Inline-Texteditor-Funktionalität hinzugefügt, um das Modul für den Titel umzuschalten
• Inline-Texteditor-Funktionalität zur Wireframe-Ansicht für Modul-Admin-Beschriftungen hinzugefügt
• Die Funktionalität des Inline-Texteditors wurde aktualisiert, um den Standardtext festzulegen, wenn das Modulattribut mit einem leeren Wert bearbeitet wird (z. B. Admin-Beschriftungen im Wireframe-Ansichtsmodus).
• Testfälle hinzugefügt, um sicherzustellen, dass der Bearbeitungsmodus für den Inline-Texteditor für gesperrte Module nicht aktiviert wird
• Tests für alle Module hinzugefügt, die den Inline-Texteditor verwenden, um sicherzustellen, dass er wie erwartet funktioniert.
• Basiskomponenten InlineRichTextEditorContainer und InlineRichTextEditor im Builder für die Inline-Bearbeitung von Rich Text hinzugefügt.
• Einführung der ElementInnerContent-Klasse, einer vereinfachten Version der MultiViewElement-Klasse.
• Verbesserte MultiViewScriptData-Klasse.
• Benutzerdefinierter Filter und Hook im Responsive Content FE-Skript hinzugefügt.
• Einführung der MultiViewElement-Klasse.
• Dynamischer Inhalt: Neues Wertformat für dynamischen Inhalt: „$variable(JSON_VALUE)$“.
• Dynamischer Inhalt: Einführung einer neuen Attributkonvertierungsfunktion für dynamische Inhaltsattribute.
• Dynamischer Inhalt: Einführung des anfänglichen Renderns dynamischer Inhalte im Frontend-Teil.
• Neuer Ansatz zur Verarbeitung dynamischer Inhaltswerte. Die Werte des dynamischen Inhalts werden auf dem Blockparser verarbeitet, bevor das Dokument in eine Liste von Blockstrukturen analysiert wird.
• Der Code wurde zurückportiert, um die integrierten und benutzerdefinierten Feldwerte des dynamischen Inhalts basierend auf dem Feldnamen und den Einstellungen aufzulösen.
• Der Code wurde zurückportiert, um die integrierten und benutzerdefinierten Felder für dynamische Inhalte basierend auf unterschiedlichen Bedingungen zu generieren.
• Dynamischer Inhalt: Einführung des anfänglichen Renderns dynamischer Inhalte in VB
• Dynamischer Inhalt: Integrierte Funktion für dynamischen Inhalt in der Klasse „ModuleElements“.
• Dynamischer Inhalt: Die Funktion „Dynamische Hintergrundbilder“ wurde in VB implementiert.
• Dynamischer Inhalt: Einführung der ersten Benutzeroberfläche für dynamischen Inhalt in den Moduleinstellungen in VB. Derzeit ist dies als Prototyp für den Eingabetext des Testimonial-Moduls verfügbar und unterstützt nur die dynamische Inhaltsoption „site_title“.
• Inline-RichText-Editor: Der Rich-Text-Inline-Editor-Komponente wurden grundlegende TinyMCE-Bearbeitungsfunktionen hinzugefügt
• Inline-RichText-Editor: Der Rich-Text-Inline-Editor wurde aktualisiert, um bearbeitbare Inhalte abzurufen und bearbeitete Inhalte zu speichern.
• Modulattribut-Refactor: Attribute des Refactor-Icon-Moduls.
• Modulattribut-Refactor: Attribute des Social-Media-Moduls umgestalten.
• Modulattribut-Refactor: Attribute des Refactor-Videomoduls.
• Modulattribut-Refactor: Attribute des Refactor-Suchmoduls.
• Modulattribut-Refaktor: Refaktorieren Sie die Attribute des Codemoduls in voller Breite.
• Modulattribut-Refactor: Attribute des Moduls „Preistabellen umgestalten“.
• Modulattribut-Refactor: Attribute des Accordion-Moduls umgestalten.
• Modulattribut-Refaktor: Refaktorieren Sie die Attribute des Kartenmoduls in voller Breite.
• Modulattribut-Refaktor: Refaktorieren Sie die Attribute des Slider-Moduls in voller Breite.
• Modulattribut-Refactor: Attribute des Refactor Map-Moduls.
• Von der Community gemeldete Fehler: Implementierung des Modulgutschriftmechanismus. Fügen Sie Guthaben zu module.json hinzu, um das Modulguthaben anzuzeigen.
• Von der Community gemeldete Fehler: Aktivieren Sie das ausgewählte Tag in der Feldbeschreibung
• Übergangsoptionen: Übergangsstilkomponente für alle Module hinzugefügt, die ElementStyle verwenden.
• Module Elements: Einführung der ModuleElements-Klasse zur Vereinfachung der Elementerstellung in Audio-, Blurb-, CTA- und Testimonial-Modulen.

Veranschaulichung der Erweiterbarkeit von Divi 5

Einer der wichtigsten Aspekte von Divi 5 ist seine Erweiterbarkeit. Wenn ich über Erweiterbarkeit spreche, spreche ich davon, dass Divi 5 aus API-Perspektive flexibel und leistungsfähig ist und dass wir dank dieser Verbesserungen viele einzigartige Funktionen schaffen können. Ich habe auch darüber gesprochen, Divi 5 auf die Zukunft von WordPress auszurichten, Shortcodes zu entfernen und viele der WordPress-Blockpakete in Divi 5 zu integrieren.

Was bedeutet das alles für die Zukunft von Divi?

Ich habe den Manager unseres Entwicklerteams gebeten, sich etwas Zeit zu nehmen, um eine kurze Demo zu erstellen, die diese Aspekte veranschaulicht, damit ich etwas Lustiges in diesem Update teilen kann, das die Erweiterbarkeit von Divi 5 visuell repräsentiert. Er entwickelte das automatische Blockmodul. Ein Modul, das jeden Gutenberg-Block in ein Divi-Modul verwandelt, es mit den vielfältigen Designeinstellungen von Divi auflädt und es Ihnen ermöglicht, Module und Blöcke auf derselben Seite zu mischen!

Das Blockmodul greift auf HTML-Elemente aus dem Block zurück und generiert dynamisch Optionsgruppen, die Ihnen vollständige Kontrolle über das Design des Blocks geben. Sie können auch im Handumdrehen neue Optionsgruppen generieren und jedes Element gezielt anpassen und anpassen.

Obwohl wir dieses Blockmodul zum Spaß erstellt haben und es weder fertig noch aufpoliert ist, ist es eine wunderbare Demonstration dessen, was wir mit Divi 5 machen können, und das dank der neuen Grundlage, die wir schaffen, relativ einfach.

Dank der Offenheit der API ist es nicht nur für uns, sondern auch für Sie und die Entwickler-Community einfach. Möglicherweise stellen wir dieses Blockmodul sogar fertig und fügen es als offizielle Funktion zu Divi 5 hinzu. Aber vorerst konzentrieren wir uns weiterhin darauf, die Beta-Phasen zu durchlaufen.

Divi AI ist fast fertig!

Damit ist das Divi 5-Update dieses Monats abgeschlossen. Außerdem ist unsere erste Version von Divi AI fast fertig, mit der Sie außergewöhnliche Bilder aus dem Nichts generieren und Inhalte mit KI schreiben und verbessern können, während Sie im Visual Builder arbeiten. Es hat mir viel Spaß gemacht, mit der unvollendeten Version zu spielen, und ich freue mich darauf, sie bald einzupacken und zu versenden!

Bleiben Sie dran für weitere Updates

Ich habe versprochen, jeden Monat Fortschrittsaktualisierungen für Divi 5 zu geben, und das habe ich auch vor! Ich kann nicht versprechen, dass jedes Update spannend sein wird, aber seien Sie versichert, dass wir so hart wie möglich daran arbeiten, dieses riesige Projekt abzuschließen. Jeden Tag kommen wir ein wenig näher und das Divi 5-Fundament wird ein wenig stärker. Wir werden bald die Divi 5 Dev Beta starten, was bedeutet, dass das Fundament vollständig sein wird. Von da an geht es mit Volldampf weiter mit den benutzerorientierten Funktionen, die Sie später in diesem Jahr in der öffentlichen Alpha testen können.

Hinterlassen Sie einen Kommentar, wenn Sie Fragen haben. Wir sehen uns im nächsten Update!