Divi 5 verabschiedet sich von Shortcodes. Hier erfahren Sie, warum es wichtig ist

Veröffentlicht: 2024-10-01

Divi gilt seit langem als eines der leistungsstärksten und vielseitigsten WordPress-Themes. Mit der Einführung von Divi 5 sorgen wir für Aufsehen. In früheren Versionen von Divi fungierten Shortcodes – kleine Codeschnipsel – als Platzhalter für die Designmodule von Divi und ermöglichten es dem Visual Builder, komplexe Layouts und Stile über Backend-Befehle zu generieren.

Mit der Veröffentlichung von Divi 5 gibt es keine Shortcodes mehr und wir haben das Framework von Grund auf neu geschrieben. In diesem Beitrag werden wir untersuchen, wie das neue Framework von Divi, das ähnlich wie Gutenberg-Blöcke aufgebaut ist, effizienter und leistungsfähiger als je zuvor ist.

Erfahren Sie mehr über die öffentliche Alpha von Divi 5 und wie Sie sie herunterladen können.

Laden Sie die öffentliche Alpha von Divi 5 herunter

Inhaltsverzeichnis
  • 1 Was sind Shortcodes?
  • 2 Wie Divi in ​​der Vergangenheit Shortcodes verwendete
  • 3 Warum wir uns in Divi 5 von Shortcodes abgewendet haben
    • 3.1 Verbesserte Leistung
    • 3.2 Verbesserte Vielseitigkeit
    • 3.3 Verbesserte Stabilität
    • 3.4 Verbesserte Kreuzkompatibilität
  • 4 Der Übergang zu einem blockbasierten Visual Builder-System
  • 5 Welche Auswirkungen hat dies auf bestehende Divi-Websites?
  • 6 Divi 5: Schneller, sauberer und flexibler

Was sind Shortcodes?

Shortcodes wurden entwickelt, um Benutzern das Hinzufügen komplexer Inhalte und Funktionen zu ihren Websites zu erleichtern, ohne dass Langformcode erforderlich ist. Anstatt beispielsweise ein gesamtes Formular oder eine Bildergalerie manuell in HTML und CSS zu codieren, können Benutzer einen Shortcode wie [Galerie] einfügen, und WordPress generiert automatisch die erforderlichen Elemente, wenn die Seite gerendert wird.

Die Idee hinter Shortcodes bestand darin, WordPress benutzerfreundlicher zu machen. Diese kurzen Snippets könnten benutzerdefinierte Funktionen ausführen und benutzerdefinierte Elemente rendern, die problemlos auf Ihrer Website wiederverwendet werden könnten.

Wie Divi in ​​der Vergangenheit Shortcodes verwendete

Divi nutzte das native Shortcode-System von WordPress, um seine Builder-Elemente zu organisieren, wobei jeder Shortcode wie ein einzelner Baustein in einem größeren Design fungierte.

Wenn ein Benutzer beispielsweise im Visual Builder eine Schaltfläche hinzufügt, fügt Divi hinter den Kulissen einen Shortcode für diese Schaltfläche ein, der alle ihre Eigenschaften wie Farbe, Größe, Rahmenradius usw. definiert. Dies ermöglicht es den Benutzern, dies zu tun Erstellen Sie unglaubliche Layouts, aber hinter den Kulissen stapelt Divi Shortcodes, um jedes Element zu definieren und zu rendern.

Wenn Sie Divi jemals deaktiviert und eine Seite besucht haben, die Sie mit dem Divi Builder erstellt haben, hätten Sie diese Shortcodes unten gesehen.

Divi 4-Seiten-Shortcodes

Warum wir in Divi 5 von Shortcodes abgewichen sind

WordPress entfernt sich von Shortcodes und setzt auf Blöcke. Allein aus diesem Grund muss Divi seine Abhängigkeit von Shortcodes aufgeben, die unweigerlich veraltet sein werden. Divi 4 lebt in der Vergangenheit, während Divi 5 für die Zukunft gebaut ist. Es gibt jedoch noch weitere Gründe für einen Umzug, von denen Divi-Benutzer sehr profitieren werden.

Verbesserte Leistung

Der erste Grund ist die Leistung . Das Parsen einer mit Shortcodes erstellten Seite ist weniger effizient, da sie keine richtige Hierarchie aufweist. Es dauert einfach länger, bis Divi eine riesige Reihe von Shortcode-Inhalten erfasst und versteht . Darüber hinaus lässt die Geschwindigkeit, mit der WordPress Shortcode-Inhalte rendert, zu wünschen übrig. Divi 4 bringt dieses System an seine Grenzen.

Verbesserte Vielseitigkeit

Der zweite Grund ist die Vielseitigkeit . Shortcodes waren nicht als Teil eines komplexen, verschachtelten Designsystems gedacht. Divi 4 musste einiges durchmachen, um Probleme beim Verschachteln von Modulen in Spalten, in Zeilen und in Abschnitten zu vermeiden, und das Hinzufügen von mehr Verschachtelbarkeit, etwa Spalten in Spalten, eröffnet ganz neue Herausforderungen. Divi 5 löst dieses Problem mit seinem neuen Speicherformat, das unendlich verschachtelte Elemente ermöglicht.

Verbesserte Stabilität

Der dritte Grund ist Stabilität . Als API unterliegen Shorcodes Einschränkungen. Die Art und Weise, wie Klammern und Attribute zum Speichern komplexer Daten verwendet werden, bedeutet, dass ein einziges falsches Zeichen das gesamte System zum Absturz bringen kann. Divi 5 wird weniger Fehler haben, weil weniger Dinge schiefgehen können.

Verbesserte Kreuzkompatibilität

Der vierte Grund ist die Kreuzkompatibilität . Das neue Speicherformat von Divi 5 ahmt die nativen Blöcke von WordPress nach und erleichtert so die Kommunikation zwischen Divi und Gutenberg.

Das war eine große Veränderung. Wir mussten von vorne beginnen! Aber es ist unglaublich wichtig für die langfristige Lebensfähigkeit von Divi.

Der Übergang zu einem blockbasierten Visual Builder-System

Divi 5 hat die Notwendigkeit eines moderneren Ansatzes erkannt und ist von Shortcodes zu einem blockbasierten Ansatz übergegangen, der auf die Zukunft von WordPress ausgerichtet ist. Anstatt sich auf Shortcodes zu verlassen, ahmt Divi 5 die blockbasierte Architektur von WordPress nach. Das Entfernen von Shortcodes in Divi 5 ist Teil eines größeren Vorhabens, Divi schneller, flexibler und benutzerfreundlicher zu machen. Durch die Eliminierung des alten Frameworks liefert Divi 5 erhebliche Leistungsverbesserungen.

Im Hinblick auf die Flexibilität ermöglicht Divi 5 dynamischere und skalierbarere Möglichkeiten zur Website-Erstellung. Dieses moderne neue Framework kann problemlos erweitert und um komplexere Funktionen integriert werden, was mit dem Shortcode-basierten Framework von Divi 4 nicht möglich ist.

Welche Auswirkungen hat es auf bestehende Divi-Websites?

Die drängendste Frage für viele langjährige Divi-Benutzer ist, was mit ihren bestehenden Websites passieren wird, die mit Divi 4 erstellt wurden. Glücklicherweise haben wir das eingeplant. Während Divi 5 Shortcodes in neuen Website-Builds eliminiert, sind bestehende Websites davon nicht betroffen.

Divi 5 wird mit einem Migrator geliefert, der alle Ihre Divi 5-Shortcodes in Divi 5-Blöcke konvertiert. Es ist so einfach wie ein Klick auf eine Schaltfläche!

Divi 5 wurde außerdem mit Abwärtskompatibilität entwickelt, um sicherzustellen, dass Ihre Website auch vor der Migration weiterhin normal funktioniert. Wenn Divi 5 ältere Shortcodes erkennt, wird es im Abwärtskompatibilitätsmodus ausgeführt, bis dieser Inhalt ordnungsgemäß migriert wurde oder Ihre Module von Drittanbietern aktualisiert wurden, um Divi 5 zu unterstützen.

Divi 5: Schneller, sauberer und flexibler

Das Entfernen des Shortcode-basierten Frameworks von Divi 4 ist ein bedeutender Fortschritt.

Möchten Sie den Unterschied selbst erleben? Jetzt ist der perfekte Zeitpunkt, das Divi 5 Alpha zu testen und sich mit seinen größten Änderungen vertraut zu machen. Helfen Sie uns, Fehler zu finden und die endgültige Version von Divi 5 noch besser zu machen.

Denken Sie daran, Divi 5 Alpha nur lokal oder auf einer Staging-Site zu testen. In dieser Phase werden Sie wahrscheinlich auf viele Fehler stoßen, insbesondere während der Migration. Wenn Sie nicht an der Fehlertestphase teilnehmen möchten, springen Sie später ein.