Manuela Strehober | Webdesign.
Divi 5 Webinar
Divi 5 ist da – und damit stellen sich für viele Divi-Nutzerinnen und Nutzer ganz praktische Fragen: Was ist neu? Was bleibt vertraut? Muss ich jetzt etwas tun? Und wie gehe ich mit meiner bestehenden Website sinnvoll damit um?
In diesem Webinar schauen wir uns Divi 5 Schritt für Schritt an, damit du besser einschätzen kannst, was das Update für deine Website bedeutet – und welcher nächste Schritt sinnvoll ist.
Was ist Divi 5?
Divi 5 einordnen
Divi 5 ist keine komplett neue Website-Welt. Es ist eine technische Weiterentwicklung von Divi – mit einer neuen Basis, einer überarbeiteten Benutzeroberfläche und vielen Verbesserungen, die das Arbeiten langfristig schneller, stabiler und flexibler machen sollen.
Wichtig ist: Du musst Divi nicht neu lernen. Die vertraute Divi-Logik bleibt erhalten. Aber es lohnt sich, die wichtigsten Unterschiede zu verstehen, bevor du entscheidest, ob und wann ein Umstieg für deine Website sinnvoll ist.
Februar 2026 Version 5.0
Heute: Version 5.8
Technische Basis
Divi 5 wurde grundlegend überarbeitet. Die neue Codebasis soll Divi schneller, stabiler und zukunftsfähiger machen – sowohl im Builder als auch auf der Website selbst.
Benutzer-oberfläche
Die Oberfläche wirkt aufgeräumter und moderner. Viele bekannte Bereiche bleiben erhalten, aber das Arbeiten fühlt sich direkter und flüssiger an.
Performance & Ladezeiten
Divi 5 bringt ein spürbares Plus bei Geschwindigkeit und Reaktionszeit. Besonders im Backend kann das Arbeiten dadurch angenehmer werden.
Neue Möglichkeiten
Mit Divi 5 entstehen Funktionen, die in Divi 4 so noch nicht möglich waren – zum Beispiel Flexbox, Canvas, Variablen und bessere responsive Einstellungen.
Divi 4 - Was bleibt gleich?
Vertraute Divi-Logik
Auch wenn Divi 5 technisch neu aufgebaut wurde: Die Arbeitsweise bleibt vertraut. Wenn du mit Divi 4 gearbeitet hast, wirst du dich in Divi 5 an vielen Stellen wiederfinden.
Du arbeitest weiterhin mit Bereichen, Zeilen, Spalten und Modulen. Du gestaltest Texte, Bilder, Buttons und Abstände direkt im Builder. Und du denkst deine Website weiterhin in klaren Abschnitten – genau wie bisher.
Grundstruktur bleibt erhalten: Bereiche, Zeilen & Module
Du baust deine Seiten weiterhin direkt im Visual Builder auf - aus blauen Bereichen, grünen Zeilen & Spalten sowie grauen Modulen.
Gewohnter Bearbeitungsbereich - Inhalt, Design, Erweitert
Auch der Bearbeitungsbereich bleibt vertraut. Er öffnet sich, sobald du ein Element anklickst.
(Fast) identische Einstellungen im Divi Dashboard
Divi Theme Optionen (für Grundeinstellungen), Divi Builder (für Vorlagen) und Divi Bibliothek an gewohnter Stelle im Backend
Bestehende Inhalte
Deine bestehenden Seiten und Inhalte verschwinden nicht. Trotzdem solltest du vor einem Umstieg prüfen, testen und sichern – besonders bei größeren Websites mit vielen Plugins oder individuellen Anpassungen.
divi 5 - Meine LieblingsFunktionen
Was Divi 5 im Alltag angenehmer macht
Divi 5 bringt viele technische Veränderungen mit. Für den Website-Alltag sind für mich aber vor allem die Funktionen spannend, die das Arbeiten klarer, ruhiger und flexibler machen.
Deshalb zeige ich dir hier nicht jede einzelne Neuerung, sondern meine persönlichen Lieblingsfunktionen: Dinge, die ich beim Gestalten, Strukturieren und Pflegen von Websites wirklich hilfreich finde.
Interface: klarer, moderner, ruhiger, schneller - I love it!
Flexbox: modernes Layout-System für eine flexible Anordnung von Elementen
Variablen: zentral gespeicherte Werte für eine konsistente Website (Farben, Schriftarten und -größen, Bilder, Texte, Links)
Canvas: eigene Arbeitsbereiche im Visual Builder (z.B. für Ideen, PopUps)
Breakpoints: präzisere und einfachere Kontrolle bei Responsive Design
Soll ich jetzt umsteigen?
Nicht sofort. Sondern sinnvoll.
Nur weil Divi 5 da ist, muss nicht jede Website sofort umgestellt werden. Gerade bei bestehenden Websites ist ein ruhiger Blick wichtiger als ein schneller Klick auf „Aktualisieren“. Die bessere Frage ist deshalb nicht: „Soll ich jetzt umsteigen?“
Sondern: „Ist meine Website bereit für Divi 5 – und was wäre der nächste sinnvolle Schritt?“ Denn je nach Aufbau, Plugins, Pflegezustand und Ziel der Website kann die Antwort unterschiedlich ausfallen.
Der richtige Zeitpunkt hängt also nicht nur von Divi 5 ab, sondern vor allem vom Zustand deiner Website.
A: Noch nicht umsteigen
Deine Website läuft stabil, wird aktuell nicht grundlegend verändert und Divi 4 funktioniert für dich gut. Dann musst du nicht sofort umsteigen.
Beispiel: Eine kleine Angebotswebsite mit wenigen Seiten, Kontaktformular und gelegentlichen Textänderungen.
B: Prüfen und vorbereiten
Deine Website ist gewachsen, nutzt mehrere (externe) Plugins oder wurde schon länger nicht mehr technisch aktualisiert. Dann ist ein Check sinnvoll, bevor du über Divi 5 entscheidest.
Beispiel: Eine Website mit Blog, Newsletter-Anbindung, Buchungstool, vielen Unterseiten oder individuellen Anpassungen
C: Geplant umsteigen
Deine Website ist gepflegt, es gibt ein aktuelles Backup und eine Testumgebung. Dann kannst du Divi 5 in Ruhe ausprobieren – aber nicht direkt auf der Live-Website.
Beispiel: Eine Website mit aktuellem WordPress, überschaubarem Plugin-Setup und Staging-Möglichkeit beim Hosting.
Umstieg von Divi 4 auf Divi 5
Nicht live testen. Sondern vorbereitet.
Ein Umstieg auf Divi 5 sollte nicht spontan auf der Live-Website passieren. Auch dann nicht, wenn der Update-Button verlockend einfach aussieht.
Der sichere Weg beginnt mit drei Dingen: einem aktuellen Backup, einer Testumgebung und genug Ruhe, um die Website wirklich anzuschauen. So kannst du prüfen, ob alles funktioniert – bevor Besucherinnen und Besucher etwas davon mitbekommen.
Website aufräumen und aktualisieren (wichtig: Kompatibilität von verwendeten Plugins mit Divi 5 checken)
Backup erstellen (z. B. mit UpdraftPlus oder Duplicator)
Staging-/Testumgebung anlegen (z.B. mit Plugin WP Staging) und Divi 5 installieren (über Divi 5 Migrator)
Divi 5 dort gründlich testen (Kompatibilitätsbericht prüfen, Seiten & Funktionen überprüfen)
Erst danach deine Live-Website umstellen oder bewusst warten
Du musst nicht alleine entscheiden
Unterstützung für deinen nächsten Schritt
Vielleicht reicht dir dieses Webinar schon, um Divi 5 besser einzuordnen. Das wäre wunderbar.
Zum Nachlesen bekommst du nach dem Webinar ebenfalls den Link zu dieser Webseite sowie meinen Divi 5 Spickzettel als PDF.
Wenn du bei deiner eigenen Website trotzdem unsicher bist, können wir im Website Mentoring gemeinsam hinschauen: Welche Plugins sind wichtig? Ist deine Website gut vorbereitet? Solltest du warten, erst prüfen oder Divi 5 in Ruhe testen? Wir sortieren gemeinsam, was sinnvoll ist – ruhig, verständlich und mit Blick auf deine Möglichkeiten.
Divi 5 Spickzettel
Nach dem Webinar bekommst du meinen Divi 5 Spickzettel als PDF. Darin findest du übersichtlich zusammengefasst – mit Screenshots, kurzen Erklärungen und Hinweisen, wo du was in Divi 5 findest.
Divi 5 im Website Mentoring klären
Vielleicht reicht dir das Webinar und der Spickzettel schon, um Divi 5 besser zu verstehen. Vielleicht merkst du aber auch: Bei meiner eigenen Website bin ich trotzdem unsicher.
Dann ist mein Website Mentoring der passende nächste Schritt. Wir schauen gemeinsam auf deine konkrete Website und klären, was für dich sinnvoll ist: warten, vorbereiten oder Divi 5 in Ruhe testen.
Dabei geht es nicht um eine pauschale Update-Garantie, sondern um eine klare Einschätzung. Wir prüfen wichtige Punkte wie Aufbau, Plugins, Backup, Staging-Möglichkeit und typische Website-Baustellen – ruhig, verständlich und mit Blick auf deine Möglichkeiten.
3er Seitenaufteilung
Auch Divi 5 unterteilt eine Seite in Sektionen (blau), Zeilen/Spalten (grün) sowie Module (grau) und bietet damit unendlich viele Möglichkeiten, eine Webseite zu strukturieren und gestalten.
Starte mit einer Sektion (blau), entscheide dich danach für die Anzahl der Spalten und Zeilen (grün) und füge dann deine Inhaltsmodule (grau) ein.
Sektion
Große Abschnitte zur Strukturierung einer Seite und zur Aufnahme von Zeilen und damit Modulen
Zeile/Spalte
Innerhalb von Sektionen zur Aufnahme von Modulen (mehrere Spalten möglich)
Module
Enthalten alle Inhalte wie Überschriften, Texte, Bilder, Video, Slider, Buttons, Blog, ...
3er Bearbeitungsbereich
Die rechte Seitenleiste ist nach wie vor der zentrale Bearbeitungsbereich für Inhalte, Design und erweiterte Einstellungen.
Neu und viel besser ist jetzt allerdings: One-Click to Edit, d.h. passende Einstellungen öffnen sich, sobald du ein Element (Zahnrad) anklickst.
