Divi 5 Migration: Deine Schritt-für-Schritt-Anleitung für ein sicheres Upgrade von Divi 4

Warum sich der Umstieg auf Divi 5 lohnt

Divi 5 ist kein gewöhnliches Update. Elegant Themes hat den Builder von Grund auf neu geschrieben. Seiten laden schneller, der Visual Builder reagiert flotter und stürzt seltener ab. Dazu kommen ein überarbeiteter Theme Builder, ein neues Grid-System und mehr Gestaltungsmöglichkeiten.

Wer eine Divi-4-Seite weiter pflegen will, kommt um den Umstieg auf Dauer nicht herum. Die Frage ist nur, wie du ihn ohne kaputte Layouts hinbekommst.

Vorbereitung: die Checkliste vor der Migration

Ein überhasteter Umstieg endet schnell mit zerschossenen Layouts oder fehlenden Inhalten. Arbeite die folgenden Schritte in Ruhe ab, bevor du etwas anklickst.

1. Backup anlegen

Erstelle ein vollständiges Backup deiner WordPress-Installation: Datenbank, alle Dateien (Themes, Plugins, Uploads) und die Konfigurationsdateien. Das geht mit einem bewährten Backup-Plugin oder über die Sicherung deines Hostings. Geht bei der Migration etwas schief, spielst du damit den alten Stand zurück.

2. Staging-Umgebung einrichten

Führe die Migration niemals direkt auf der Live-Website durch. Richte eine Staging-Umgebung ein, also eine genaue Kopie deiner Seite, auf der du gefahrlos testen kannst. Viele WordPress-Hostings legen so eine Kopie mit einem Klick an. Dort spielst du den ganzen Ablauf durch und behebst Fehler, ohne dass deine Besucher etwas davon merken.

3. Alles auf den neuesten Stand bringen

Aktualisiere WordPress, dein Divi-4-Theme und alle Plugins. Veraltete Software ist eine häufige Ursache für Kompatibilitätsprobleme. Prüfe auch, ob dein Server die Anforderungen von Divi 5 erfüllt, vor allem bei PHP und MySQL.

4. Divi-Erweiterungen und Plugins prüfen

Verwendest du Divi-Erweiterungen oder Module von Drittanbietern? Sieh auf den Seiten der Entwickler nach, ob sie mit Divi 5 zusammenarbeiten. Nicht jede Erweiterung ist schon angepasst. Für diese Fälle gibt es den Kompatibilitätsmodus von Divi 5, dazu weiter unten mehr.

Du willst die Migration lieber nicht selbst machen?

Wenn dir die Zeit für die technischen Details fehlt, übernehmen wir den Umstieg und prüfen danach die Ladezeiten deiner Seite.

Jetzt unverbindlich anfragen

Der Migrations-Assistent von Divi 5

Elegant Themes liefert mit Divi 5 einen Assistenten mit, der dich durch den Umstieg führt. Nach der Installation und Aktivierung von Divi 5 findest du ihn unter Divi > Divi 5 Migrator.

Schritt 1: der Kompatibilitäts-Check

Der Assistent durchsucht zuerst deine ganze Website: Seiten, Beiträge, Theme-Builder-Vorlagen, WooCommerce-Produkte und die Divi-Bibliothek. Im Bericht siehst du, welche Inhalte vollständig kompatibel sind und welche Module enthalten, die Divi 5 noch nicht unterstützt.

Nimm dir für diesen Bericht Zeit. Er zeigt dir, welches Modul auf welcher Seite Probleme machen könnte, und damit, wo du nach der Migration genauer hinschauen musst.

Schritt 2: die Migration starten

Hast du den Bericht durchgesehen, startest du die Migration mit einem Klick auf „Migrate This Site to Divi 5“. Je nach Größe der Website dauert das einige Sekunden bis ein paar Minuten. Dabei werden alle kompatiblen Divi-4-Module vom alten Shortcode-Format in das neue Format von Divi 5 umgewandelt. Inhalte und Design-Einstellungen bleiben erhalten.

Schritt 3: inkompatible Module im Kompatibilitätsmodus

Module, die Divi 5 noch nicht versteht, werden weder gelöscht noch übergangen. Divi 5 schaltet sie in einen Kompatibilitätsmodus (Backward Compatibility Mode). Die Module funktionieren weiter, weil auf diesen Seiten das alte Divi-4-Framework mitgeladen wird. Im Frontend weist ein kleiner Hinweis darauf hin.

Der Haken: Diese Seiten laden langsamer als reine Divi-5-Seiten. Dafür bleibt deine Website funktionsfähig, und du kannst in Ruhe auf Updates der Entwickler warten oder die betroffenen Module in Divi 5 nachbauen.

Nach der Migration: die Abschlussarbeiten

Wenn der Assistent fertig ist, gehst du noch diese Punkte durch:

Frontend prüfen: Klick dich durch alle Seiten. Achte auf das Layout, auf Formulare und Buttons. Besonders genau schaust du dir die Seiten an, die im Bericht als problematisch markiert waren.

Cache leeren: Leere den Divi-Cache, den Cache deines Caching-Plugins und, falls vorhanden, den Server- oder CDN-Cache. Erst dann siehst du die neue Version deiner Website.

Fehler beheben: Stößt du auf Darstellungsfehler, öffne die Seite im neuen Visual Builder. Oft reicht es, das betroffene Modul neu zu speichern, damit es richtig umgewandelt wird. Bei hartnäckigen Problemen helfen die Dokumentation von Elegant Themes und die offiziellen WordPress-Supportforen.

Divi 5 und SEO: was du nach der Migration prüfst

Divi 5 erzeugt schlankeren HTML-Code als Divi 4. Das kann deinen Core Web Vitals und damit dem Ranking helfen. Ein paar Dinge solltest du nach dem Umstieg trotzdem kontrollieren.

Sieh dir Meta-Tags und strukturierte Daten an und prüfe, ob dein SEO-Plugin, etwa Rank Math oder Yoast SEO, sauber mit Divi 5 zusammenarbeitet. Miss außerdem die Ladezeiten mit Google PageSpeed Insights, am besten vor und nach der Migration, dann siehst du den Unterschied schwarz auf weiß. Wenn du Hilfe bei der SEO-Optimierung deiner WordPress-Website brauchst, melde dich bei uns.

Reiche nach der Migration außerdem die Sitemap neu in der Google Search Console ein. Die URLs bleiben zwar gleich, Google crawlt die geänderten Seiten dann aber oft früher. Mehr zum Thema Ladezeit findest du auf web.dev.

Fazit

Der Umstieg auf Divi 5 macht Arbeit, zahlt sich aber durch schnellere Seiten und einen besseren Builder aus. Der Migrations-Assistent und der Kompatibilitätsmodus nehmen dir viel Risiko ab.

Mit Backup, einem Testlauf auf der Staging-Umgebung und einer gründlichen Kontrolle danach hältst du die Risiken klein. Hältst du dich an diese Reihenfolge, läuft deine Website bald auf Divi 5.

Du planst gleich einen neuen Auftritt?

Wir helfen dir bei der Migration und auch beim Konzept und der Umsetzung eines neuen Webdesigns. Das erste Gespräch ist kostenlos.

Kostenlose Erstberatung vereinbaren