Divi 5 und die Abkehr von Shortcodes

Ich bin mit einem weiteren Divi 5-Update zurück! Wie Sie vielleicht wissen, befinden wir uns mitten in einem umfangreichen Projekt zur Neuerstellung des Divi Builder, wobei der Schwerpunkt auf grundlegenden Verbesserungen wie Leistung und Erweiterbarkeit liegt.

Ich gebe jeden Monat ein kurzes Update, um die Community über unsere Fortschritte auf dem Laufenden zu halten. Letzten Monat habe ich die Veröffentlichung von Divi 5 Dev Beta angekündigt, der zweiten von vier Beta-Phasen, die dem Start von Divi 5 vorausgehen. Nachdem die Veröffentlichung von Dev Beta und der Divi 5-API abgeschlossen ist, arbeiten wir auf die öffentliche Alpha hin, um sicherzustellen, dass dies der Fall ist Wir haben genügend Kernfunktionen von Divi fertiggestellt, um diese erste öffentliche Betaversion allgemein nutzbar zu machen.

Was wir diesen Monat erreicht haben

Wir haben diesen Monat viel erreicht und die Konvertierung weiterer Divi-Module abgeschlossen, beispielsweise des Accordion-Moduls, des Social Follow-Moduls, des Icon-Moduls, des Suchmoduls und der Code-Module. Wir haben weitere Fehler behoben, weitere Verbesserungen vorgenommen, weitere Dokumente aktualisiert und unseren Marsch in Richtung der öffentlichen Alpha-Phase fortgesetzt.

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

• Karten- und Kartenpin-Module für Divi 5 hinzugefügt
• Preistabellen und Preistabellenmodul für Divi 5 hinzugefügt
• Slider- und Slide-Module für Divi 5 hinzugefügt
• Videomodul für Divi 5 hinzugefügt
• Implementieren Sie den Import vorgefertigter Layouts über die Cloud-App in den Visual Builder.
• Die Schaltfläche „Dynamischer Inhalt“ wurde korrigiert, sodass sie auch in ausgefüllten Textfeldern angezeigt wird.
• UI-Verbesserung für verschachtelte Optionsgruppen in den modalen Moduleinstellungen hinzugefügt.
• Generiert module.json aus einer typisierten TS-Datei, um sicherzustellen, dass die Eigenschaftswerte der Modulmetadaten validiert werden.
• Aktualisierter PHP-Snapshot-Test
• Es wurde ein Fehler behoben, der verhinderte, dass Divi-Stylesheets im Builder geladen wurden, wenn ein untergeordnetes Theme aktiv war.
• Portfolio-Links, die den visuellen Builder verlassen, wurden behoben.
• Problem behoben, bei dem das Zurücksetzen eines benutzerdefinierten Hover-Bildes zu Konflikten auf dem FE führte.
• Das Problem mit der Größe des Hilfemodals wurde behoben, bei dem das Abdocken des Hilfemodals dazu führte, dass es größer als seine Originalgröße erschien.
• Das Standardgewicht des Divider-Moduls wurde korrigiert.
• Die Standardgröße des Symbols des Blurb-Moduls wurde korrigiert.
• Die Rahmen- und Textfarben der CTA- und Login-Schaltflächen wurden so aktualisiert, dass sie standardmäßig leer sind.
• Einführung des elementType imageLink in die ModuleElements-Klasse, der zum Rendern eines verknüpften Bildelements dient.
• Der elementType-Wrapper wurde in die ModuleElements-Klasse eingeführt, der zum Rendern eines Wrapper-Elements dient.
• Das elementType-Bild wurde in die ModuleElements-Klasse eingeführt, die zum Rendern eines Bildelements dient.
• Der HTML-Unterschied zwischen D4 und D5 für das Codemodul wurde behoben.
• Module „Akkordeon“ und „Akkordeonartikel“ für Divi 5 hinzugefügt
• Module „Social Media“ und „Social Media Item“ für Divi 5 hinzugefügt
• Symbolmodul für Divi 5 hinzugefügt
• Suchmodul für Divi 5 hinzugefügt
• Fullwidth Code-Modul für Divi 5 hinzugefügt
• Erstellt einen Dokumentgenerator für Divi 5 PHP Action und Filter Hooks.
• Aktualisierte PHP-Aktions-Hooks-Dokumentdeklaration.
• Aktualisierte PHP-Filter-Hooks-Dokumentdeklaration.
• Aktualisierte Dokumente für die PHP-API.
• UI-Verbesserung für Moduleinstellungen und Modal im Allgemeinen hinzugefügt.
• Aktualisiertes Tutorial, um die neueste Verbesserung in der Modulentwicklung zu integrieren.
• Neue Feldbibliothekskomponente hinzugefügt: Warnung
• Refaktorieren Sie die Implementierung von „animationClassnames“.
• Eigenschaften „moduleClassname“ und „moduleOrderClassname“ für Modulmetadaten in „module.json“ hinzugefügt
• Methode „ModuleElement.scriptData()“ hinzugefügt
• Methode „ModuleElement.styleComponents()“ hinzugefügt
• Option zum Aktivieren der erweiterten Benutzeroberfläche hinzugefügt
• Es wurde ein Problem behoben, bei dem das Ändern des Animationsstils zum Absturz des Moduls führte.
• Der korrekte Status (Desktop, Tablet usw.) wurde im Modus „State Picker“ nicht ausgewählt.
• Falsche Auswahl für Sticky behoben.
• Übrig gebliebene defaultAttrs- und defaultPrintedStyleAttrs-Referenzen auf der Dokumentationsseite wurden korrigiert
• Das korrigierte Feld „Moduleinstellungen“ verarbeitet Responsive-/Hover-/Sticky-Werte nicht korrekt, wenn Feld-Requisiten nicht explizit deklariert sind
• Die Symbole der Seiteneinstellungsleiste in den Schaltflächen wurden in Firefox nicht zentriert angezeigt
• Das Problem beim Importieren von Linkoptionen von D4 nach D5 im Blurb-Modul wurde behoben.
• Das Problem beim Importieren von Linkoptionen von D4 nach D5 im CTA-Modul wurde behoben.
• Das Problem der Anzeige dynamischer untergeordneter Elementtitel im Inhaltsbereich des Registerkartenmoduls wurde behoben.
• Feste vertikale und horizontale Versätze funktionieren nicht mit der relativen Position im Modul „Fullwidth Header“.
• Stellen Sie den Paketstil ordnungsgemäß nach dem Designstil in die Warteschlange
• Aktualisierte Dokumentationsseite der Funktionen, die im Entwickler-Beta-Tutorial verwendet werden

Lassen Sie uns über Shortcodes sprechen

Ich wollte mir auch einen Moment Zeit nehmen, um eine der bedeutendsten Änderungen von Divi 5 zu besprechen, nämlich die Entfernung von Shortcodes und die Migration hin zu einem moderneren Speicherformat, das mit der Zukunft von WordPress übereinstimmt.

Warum auf Shortcodes verzichten?

Die Abkehr von Divi 5 von Shortcodes bietet mehrere Vorteile. Erstens wird WordPress Shortcodes unweigerlich ablehnen, da sich immer mehr Benutzer für den neuen Editor interessieren, und wir wollen der Konkurrenz immer einen Schritt voraus sein.

Shortcodes haben auch Einschränkungen, die es schwierig oder unmöglich machen, bestimmte Dinge zu erreichen, wie zum Beispiel unendlich verschachtelte Elemente, und sie bringen auch inhärente Probleme mit sich, die oft hässlich hervortreten, wie zum Beispiel, dass bestimmte Zeichen innerhalb des Beitragsinhalts die Shortcode-Logik durchbrechen, was dazu führt übermäßig komplexe Lösungen zur Behebung des zugrunde liegenden Problems.

Shortcodes sind außerdem weniger leistungsfähig, da für deren Analyse komplexe reguläre Ausdrücke erforderlich sein können. Andererseits ist unser neues Speicherformat viel einfacher zu analysieren, was zu einer kleinen Leistungsverbesserung führt.

Schließlich gibt es noch das Problem, dass nach der Abkehr von Divi Shortcodes im Beitragsinhalt übrig bleiben, was in Divi 5 kein Problem mehr darstellt. Wenn Sie Ihre Website mit Divi 5 erstellen und dann zu einem neuen Theme oder Builder wechseln , beginnen Sie mit einer leeren Tafel statt mit unerwünschten Shortcodes im Beitragsinhalt.

Wie werden Shortcodes auf bestehende Websites migriert?

Um diese Umstellung durchzuführen, müssen wir Ihre Website programmgesteuert durchsuchen und Shortcodes in das neue Format konvertieren. Nach dem Upgrade auf Divi 5 wird ein Migrationsprozess eingeleitet, um die Konvertierung abzuschließen. Alte Divi 4-Shortcodes funktionieren weiterhin mit Divi 5, sind jedoch mit Leistungseinbußen verbunden. Wir empfehlen jedem, seine Websites zu migrieren und seine Divi-Module von Drittanbietern zu aktualisieren, sodass Ihre gesamte Website das Divi 5-Framework verwendet.

Wenn Sie hingegen eine neue Website in Divi 5 erstellen, wird standardmäßig alles das neue Framework verwenden. Alte Layouts in Ihrer Bibliothek oder alte Layouts, die Sie aus Divi 4 exportiert haben, werden beim Import automatisch in das Divi 5-Format konvertiert.

Bleiben Sie dran für weitere Updates

Das ist alles für das Divi 5-Update dieses Monats. Darüber hinaus veröffentlichen wir in den nächsten Wochen ein Update für Divi AI, das es Ihnen ermöglicht, Code mit KI zu generieren, wodurch es einfacher denn je wird, Divi und seine Module anzupassen. Für diejenigen unter Ihnen, die sich gerne von den Designeinstellungen von Divi lösen und Ihr eigenes CSS schreiben möchten, wird dieses Update meiner Meinung nach unglaublich nützlich sein.

Bleiben Sie dran, wir sehen uns im nächsten Update. Folgen Sie uns per E-Mail und abonnieren Sie unseren YouTube-Kanal für alle Neuigkeiten.