Update auf Divi 5: So bleibst du kompatibel

Deine Wissensquelle für WebDesign, WordPress, WebHosting, SEO & KI – MIKAS ISP seit 22+ Jahren in Eugendorf bei Salzburg, Österreich

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Divi 5 ist da: was das für deine bestehende Website heißt

Divi 5 ist deutlich schneller als Divi 4. Wer eine bestehende Divi-Seite betreibt, fragt sich aber zuerst: Geht beim Umstieg etwas kaputt? Dafür hat Elegant Themes das Backward Compatibility System gebaut. Es erkennt alte Inhalte und sorgt dafür, dass sie in Divi 5 weiter funktionieren.

Hier liest du, wie das System arbeitet, wie du umsteigst und wo du trotzdem genau hinschauen solltest.

Was ist das Backward Compatibility System in Divi 5?

Das System erkennt Divi-4-Inhalte: Module, Theme-Builder-Vorlagen, Bibliothekselemente und Module aus Drittanbieter-Plugins. Diese sollen ohne Handarbeit weiter funktionieren.

Technisch lädt Divi 5 das alte Divi-4-Framework nur dort, wo es gebraucht wird. Jede Seite wird geprüft. Enthält sie nur native Divi-5-Inhalte, läuft sie auf dem neuen, schnelleren Framework. Steckt ein altes Modul drin, wird für dieses Element das alte Framework nachgeladen. Neue Inhalte sind so schnell, alte funktionieren weiter.

Upgrade auf Divi 5: So bleibst du kompatibel
Update auf Divi 5: So bleibst du kompatibel 1

Die wichtigsten Funktionen

Divi 5 Migrator

Der Migrator erledigt den Großteil der Umstellung. Er durchsucht die ganze Seite und wandelt alles, was er kann, ins Divi-5-Format um. Was er nicht umwandeln kann, bleibt im Kompatibilitätsmodus. Am Ende bekommst du einen Bericht, welche Elemente umgestellt wurden und welche nicht.

Alte Module im Visual Builder

Alte Module erscheinen im Visual Builder ganz normal neben den neuen, im Panel „Insert Module Or Row“. Du kannst also alte und neue Module auf einer Seite mischen.

Upgrade auf Divi 5: So bleibst du kompatibel
Update auf Divi 5: So bleibst du kompatibel 2

Du wählst sie aus, platzierst und bearbeitest sie mit allen bisherigen Einstellungen. Module von Drittanbietern laden dafür im Hintergrund das Divi-4-Framework. Inhalt, Design und erweiterte Einstellungen bleiben, wie du sie kennst.

Upgrade auf Divi 5: So bleibst du kompatibel
Update auf Divi 5: So bleibst du kompatibel 3

Design und Funktionen bleiben erhalten

Layouts, eigenes CSS, Presets und Erweiterungen sollen nach der Umstellung genauso aussehen und funktionieren wie vorher. Du musst nichts neu gestalten. Ob das bei deiner Seite wirklich so ist, prüfst du am besten vorher auf einer Kopie.

Alte und neue Module auf einer Seite

Du musst nicht alles auf einmal umstellen. Neue, schnellere Divi-5-Module und alte Module können auf derselben Seite nebeneinander stehen. So kannst du Seite für Seite modernisieren.

So stellst du deine Website auf Divi 5 um

Divi 5 auf einer neuen Website

Eine neue Website braucht keine Migration. Nach der Aktivierung läuft sie komplett auf dem Divi-5-Framework.

Upgrade auf Divi 5: So bleibst du kompatibel
Update auf Divi 5: So bleibst du kompatibel 4

Divi 5 auf einer bestehenden Website

Divi 5 ersetzt deine bestehende Divi-4-Installation. Mach deshalb zuerst eine vollständige Sicherung und teste das Update auf einer Kopie der Seite (Staging).

  1. Sicherung von Dateien und Datenbank erstellen.
  2. Im WordPress-Dashboard unter „Divi > Dashboard“ bzw. bei den Updates nachsehen, ob Divi 5 angeboten wird. Alternativ die aktuelle Version aus deinem Elegant-Themes-Konto laden.
  3. Das Update durchführen.
Upgrade auf Divi 5: So bleibst du kompatibel
Update auf Divi 5: So bleibst du kompatibel 5

Den Divi 5 Migrator nutzen

Der Migrator ist in Divi 5 eingebaut und wandelt Divi-4-Inhalte ins neue Format um. Geht dabei etwas schief, kannst du die Umstellung mit der Rückroll-Funktion rückgängig machen.

  1. Im WordPress-Dashboard „Divi > Divi 5 Migrator“ öffnen.
  2. Der Migrator prüft die Seite automatisch auf Kompatibilität.
  3. Auf „Migrate This Site to Divi 5“ klicken.

Zu beachtende Einschränkungen

Alte Inhalte bleiben langsamer

Seiten mit alten Modulen laden weiterhin das Divi-4-Framework. Den vollen Geschwindigkeitsgewinn hast du erst, wenn eine Seite nur noch Divi-5-Module enthält.

Drittanbieter-Plugins

Viele Module und Plugins aus dem Divi Marketplace laufen im Kompatibilitätsmodus. Viele Entwickler bringen Divi-5-Versionen heraus. Prüf vor dem Umstieg, ob es für deine Erweiterungen schon eine gibt.

Alte Module bearbeiten

Alte Module bearbeitest du im Visual Builder wie gewohnt. Beim Ändern einer Einstellung lädt das Modul aber kurz neu, weil die Vorschau vom Server geholt wird.

Nach der Migration

Der Migrator stellt das meiste sauber um. Geh danach trotzdem die wichtigsten Seiten einmal durch, am Desktop und am Handy, und prüf Formulare und Menüs.

Kurz zusammengefasst: Divi 5 lädt das alte Framework nur, wo es nötig ist. Hol dir die aktuelle Version aus deinem Elegant-Themes-Konto, teste auf einer Kopie, lies den Kompatibilitätsbericht und nutz die Rückroll-Funktion, wenn etwas nicht passt.

Wenn du beim Umstieg Hilfe willst, schreib uns an hello@mikas.at.