Divi 5 hat ein komplettes Make-over erhalten und überzeugt mit einem frischen, modernen Layout und verbesserter Performance. Die neue Version 5 ist keine Weiterentwicklung von Divi 4, sondern wurde komplett neu entwickelt. In diesem Beitrag teile ich mit dir meine Erfahrungen mit Divi 5 und gebe dir eine Übersicht über neue Funktionen (nicht vollständig). Und natürlich berichte ich dir über das, was noch nicht rund läuft mit Divi 5.

Du kannst hier den aktuellen Changelog von Divi 5 einsehen.

Dieser Beitrag wird regelmäßig ergänzt.

Zuletzt aktualisiert am 22.08.2025

Wichtig: in diesem Beitrag geht es nur um eine Übersicht zum Divi 5. Insbesondere werden die neuen Funktionen hier nur kurz vorgestellt, aber nicht erklärt. Dazu wird es gesonderte Tutorials geben. Sobald ich sie habe, werden sie hier natürlich auch verlinkt!

Geht das Layout beim Wechsel von Divi 4 zu Divi 5 kaputt?

Ganz klares Nein. Ich habe bereits vor einigen Wochen meine eigene Website umgestellt und das ging sehr problemlos. Vielleicht musst du kleinere Anpassungen machen, aber das hält sich im Rahmen. Du musst allerdings wissen, dass es auch Plugins gibt, die noch nicht mit Divi 5 kompatibel sind und nicht mehr funktionieren. Der Divi-Migrator leistet hier gute Dienste und du wirst bei der Umstellung eine Übersicht erhalten, welche Plugins evtl. noch nicht kompatibel sind und kann jederzeit zu Divi 4 zurückkehren.

Grundsätzlich empfiehlt es sich natürlich, vor der Umstellung ein Backup deiner Seite zu machen. Ich habe Divi 5 in einer Staging-Umgebung getestet – damit bist du immer auf der sicheren Seite.

Wie lange ist die Einarbeitungszeit?

Wenn du schon mit Divi 4 vertraut bist, wird dir die Umstellung sehr leicht fallen. Das Builderlayout hat sich zwar komplett verändert, dennoch sind einige Kernelemente gleich geblieben oder haben nur ein frischeres Design erhalten:

• Vertraute Elemente wie Sektionen (blau), Zeilen (grün) und Module (schwarz) sind geblieben. Auch die kleine Werkzeugleiste beim Mouseover ist noch da – sie hat sich nur minimal verändert. Am meisten Verwirrung gibt es, weil das Symbol zum Verschieben eines Elements nicht mehr da ist. Dieses brauchst du allerdings auch nicht mehr, denn wenn du mit der Maus über ein Element fährst, erscheint das Verschiebesymbol und du kannst es wie gewohnt neu platzieren.
• Ansichten wie beim Zeilen oder Module einfügen haben sich im Design verändert, sind aber im Kern gleich geblieben.
• Gleiches gilt für die Module selbst. Du findest hier nach wie vor den vertrauten Aufbau mit Inhalt, Design und Fortgeschritten. Auch hier ist das Layout modernisiert und es sind neue Funktionen hinzu gekommen.
• Weitere Funktionen sind bequem über die linke Seitenleiste erreichbar oder aber oben in der Leiste untergebracht – kein langes Suchen mehr.

Du siehst also, du wirst dich sofort zurechtfinden, weil viele „alte“ Elemente noch vorhanden sind. Das soll aber nicht darüber hinwegtäuschen, dass sich beim näheren Hinsehen einiges verändert hat. Wenn du die drei Punkte in der kleinen Werkzeugleiste anklickst wirst du sehen, dass es dort unfassbar viele neue Optionen gibt.

Und natürlich darfst du dich nach und nach in die neuen Funktionen einarbeiten. 

Was ist anders?

Nun, es hat sich beim Divi 5 natürlich viel verändert – siehe auch die Vorstellung der neuen Funktionen weiter unten. Hier will ich einfach ein paar Kleinigkeiten noch erwähnen:

• Du wirst beim Anlegen einer Seite nicht mehr gefragt, ob du deine Seite neu erstellen oder ein Layout auswählen möchtest. Die Funktion gibt es aber weiterhin: einfach das blaue Pluszeichen oben links anklicken.
• Wenn der Builder aktiv ist, werden automatisch Menü und Footer ausgeblendet, wenn sie mit dem Theme-Builder erstellt wurden. Das vergrößert den Arbeitsbereich. Du kannst sie jetzt allerdings auch nicht mehr direkt von der Seite aus bearbeiten, sondern musst über den Theme-Builder gehen.
• Abstände kannst du nur noch im Modul selbst verändern; vorher war es möglich, mit der Maus im Builder die Abstände zu vergrößern oder zu verkleinern. Ich weiß nicht, ob das von Elegantthemes so gewollt ist, oder ob sie es noch ergänzen. Ich kann mir vorstellen, dass viele es vermissen werden.
• Es ist nicht mehr notwendig, bei Änderung der einzelnen Module extra zu speichern, das passiert jetzt automatisch.
• Die mobile Bearbeitung ist deutlich bequemer geworden, du kannst über die ober Menüleiste schnell zwischen den Ansichten wechseln und dort deine Anpassungen machen.
• Endlich: „undo“ im direkten Zugriff. Du kannst jetzt mit einem Klick in der oberen Menüleiste deine letzte Aktion rückgängig machen. Natürlich steht dir zusätzlich noch die History zur Verfügung.
• Divi lädt jetzt nur noch 1 Mal! Divi 4 hatte die Eigenart, die Seite nach dem Aktivieren des Builders noch ein 2. Mal nachzuladen – das ist endlich behoben.
• Für alle, die gerne im Dark-Mode arbeiten: einfach in der oberen Menüleiste umschalten.
• Momentan gibt es für das Divi 5 noch keine deutsche Übersetzung; alle Elemente und Module sind auf englisch.

Hier ein paar Screenshots:

Wann kann ich Divi 5 nutzen?

Obwohl Divi 5* in der Alpha-Phase bereits stabil läuft, empfiehlt Elegantthemes noch nicht die Umstellung einer produktiven Seite. Für neue Seiten wird es bereits empfohlen.

Ich selbst habe meine eigene Website ungeachtet dieser Empfehlung – weil ich es halt auch nicht abwarten konnte 😉 – schon vor einer Zeit umgestellt und neue Kundenprojekte erstelle ich bereits mit Divi 5. 

Und ja, es gibt noch Probleme mit Divi 5.

Bugs und Kompabilität

Für das Divi 4 gibt es ja reichlich Plugins zur Erweiterung der Funktionen. Ich selbst habe (bzw. hatte) hier einige Plugins von Divi Gear im Einsatz, die zum Zeitpunkt meiner Umstellung noch nicht mit Divi 5 kompatibel waren. Hier musste ich also Inhalte teilweise neu erstellen, weil sie einfach nicht mehr angezeigt wurden. Wie bereits erwähnt, wird der Migrator dir hier aber eine Übersicht geben und dann kannst du entscheiden, ob du mit Divi 5 starten möchtest.

Außerdem hat mein selbst gebauter Blogfilter nicht mehr funktioniert, den ich über das Tabmodul erstellt hatte. In jedem Tab war ein Shortcode für eine Blogkategorie – dieser Shortcode wurde nicht mehr erkannt. Das bedeutet aber nicht, dass Shortcodes grundsätzlich nicht in Divi 5 funktionieren. Auch das Inhaltverzeichnis in meinen Blogbeiträgen wird mit einem Shortcode eingefügt.

Bekannte Bugs / Inkompabilitäten:

• Der Bug, der mich grad am meisten nervt ist, dass Kommentare unter Blogbeiträgen nicht mehr angezeigt werden, wenn das Bloglayout mit dem Theme Builder erstellt wurde. Das ist der Grund, warum hier jetzt grade das Standard-Layout angezeigt wird.
• Aktuell habe ich auch Probleme mit dem Texteditor; Buchstaben wechseln die Position beim Schreiben, es werden Leerzeichen gelöscht. Erst dachte ich, es sei ein Problem meiner Tastatur, es liegt aber wohl beim Texteditor selbst. Gelöst!
• Auch Designs mit Parallaxen können Probleme machen; so hatte ich einen Header mit einem Parallax in der Hero-Section, was mein Bloglayout gestört hat. Nichts, was man in Verbindung bringen würde.
• Interaktionen, die per Klick getriggert werden, funktionieren aktuell nicht mit dem Button – da gibt es den Fehler, dass dies ein Neu-Laden der Seite auslöst; somit erstmal unbrauchbar. Workaround: einen „Button“ mit dem Text- oder Blurb-Modul nachbauen. Das funktioniert gut.
• Konflikt mit dem Plugin WP Fastest Cache – verschießt leider dein Layout

Ich habe mich ganz bewusst entschieden, auf Divi 5 umzustellen und solange eine Software noch in der Alpha-Phase ist, kann sowas immer passieren. Insgesamt läuft Divi 5 aber wirklich stabil und es macht sehr viel Spaß, damit zu arbeiten.

Divi 5 – neue Funktionen

Globale Variablen (Zahlen, Farben, Schriftarten usw.)

Ich liebe die neuen Variablen, sie machen Anpassungen für die gesamte Website so viel einfacher! Hier kannst du auch einstellen, was du vorher im Theme Customizer gemacht hast oder in den Theme-Einstellungen. Hier ein kleiner Blick auf die Variablen, die ich gerne nutze. Es gibt noch weitere, die nach und nach ergänzt werden.

Neue Zeilenfunktionen und -einstellungen

Divi 5 Loop Builder

Hast du dir jemals gewünscht, Divi hätte noch andere Layoutmöglichkeiten für die Blogübersicht? Ab sofort kannst du dir dein eigenes Bloglayout gestalten. Der Loop Builder machts möglich. Du kannst ein Beispiellayout erstellen mit deinen gewohnten Modulen (Bild, Text usw.). Über dynamischen Content in Verbindung mit der Loopfunktion werden deine Bloginhalte geladen und fertig ist dein eigenes Blogdesign.

Natürlich geht das nicht nur mit dem Blog, dass ist nur die Funktion, auf die ich schon so lange warte 😉

Schneller Wechsel zwischen Desktop- und Mobiler Ansicht

Breadcrumps 

Interaktionen

Layers – Ebenenansicht

Group Module

Group Carousel

Post Carousel

Icon List

Fazit

Es gibt noch einige mehr neue Funktionen in Divi 5* und es gibt für mich auch noch viel zu entdecken und auch zu lernen. Insgesamt macht das Design mit Divi 5 sehr viel mehr Freude – nicht nur wegen der neuen Funktionen, sondern weil es einfacher und übersichtlicher geworden ist. Neue Seiten erstelle ich bereits in Divi 5, aber natürlich betreue ich auch noch Seiten in Divi 4 – und immer wenn ich mit dem alten Builder arbeite merke ich, wie in die Jahre gekommen es doch war. So hoffe ich, dass sich das endgültige Release von Divi 5 nicht mehr so lange hinzieht. Ich rechne damit, dass es bis Jahresende 2025 ausgeliefert wird. Und wer weiß, vielleicht geht es ja etwas schneller.

Welche Funktion interessiert dich am meisten?

Ich bin natürlich neugierig, ob du Divi 5 schon getestet oder im Einsatz hast! Oder welche neue Funktion dich interessiert.

Hast du einen Tutorial-Wunsch? Dann schreib ihn direkt in die Kommentare!

Spare beim Kauf des Divi Themes

Bist du neugierig geworden auf das Divi-Theme? Mit meinem Link sparst du bis zu 20 %