Divi 5: Neue Funktionen, die dir richtig Arbeit sparen

Du hast fünf Buttons auf einer Seite, und das Blau passt plötzlich nicht mehr. Also Button anklicken, Farbe ändern, nächster Button, Farbe ändern. Fünfmal.

Oder weißt du noch, welche Formatierung ein Merksatz eigentlich im Blogartikel haben sollte? Und dann passiert es dir wie mir: Mit der Zeit wird deine Website uneinheitlich. Wäre ein einheitliches Designsystem, das dir immer leicht erreichbar zur Verfügung steht, nicht schön?

Genau diese Handarbeit nimmt dir Divi 5 an immer mehr Stellen ab. Seit dem 26. Februar 2026 ist Divi 5 offiziell da, mit Variablen und Presets als Grundstock. Im Oktober 2026 folgten in dichter Folge Components und Slots, Multiselect und Bulk Editing und der Icon Manager (Details in englisch unter Exploring Divi 5's New Features).

Neben einigen Kundenwebsites habe ich insbesondere meine eigene Website gerade komplett mit Divi 5 neu aufgebaut. Dabei habe ich einige Funktionen ziemlich schnell lieben gelernt. Andere haben mich gelegentlich Nerven gekostet. Aber eines steht für mich fest: Wenn man die neuen Möglichkeiten sinnvoll einsetzt, lässt sich damit sehr viel entspannter arbeiten.

Presets und Variablen: Das Fundament

Farben gehören in eine Variable, genauso wie Schriftgrößen, Abstände oder Rundungen. Diese Variablen setzt du dann überall ein, wo du den Wert brauchst.

So kannst du beispielsweise das Blau für den Hintergrund deiner fünf Buttons als Variable statt als festen Farbwert eintragen oder auch genauso als Farbwert für eine Überschrift. Du legst den Wert also einmal zentral an. Änderst du ihn, ziehen alle Stellen nach, die diese Variable nutzen.

In Divi 4 gab es das zum Teil schon. Divi 5 hat es weiterentwickelt, vor allem bei der Berechnung von Variablen. Das kommt insbesondere bei Schriftgrößen zum Tragen: Sie lassen sich responsiv berechnen und haben nicht nur einen festen Wert.

Und für die Pros: Seit Divi 5.18 lassen sich Variablen sogar miteinander kombinieren und für Berechnungen nutzen. So kannst du beispielsweise einen Grundabstand festlegen und daraus automatisch kleinere oder größere Abstände ableiten – änderst du den Grundwert, passen sich die davon abhängigen Werte gleich mit an.

Hast du verschiedene Werte (fest oder variabel) für ein Modul eingestellt, kannst du sie als Preset mit einer eigenen Bezeichnung zusammenfassen. So kannst du dir beispielsweise 2 oder 3 Button-Varianten zusammenstellen und dann diese Einstellungen auf anderen Buttons anwenden. Auch das hat es bereits in Divi 4 gegeben.

Ändert sich die Variable, ziehen alle Presets nach, die sie nutzen. Ändert sich das Preset, ziehen alle Elemente nach, die es tragen, außer ein Modul überschreibt es lokal.

Neu in Divi 5 ist, dass es Presets gibt in zwei Größen: Element-Presets für ein ganzes Modul und Option-Group-Presets für einzelne Bereiche, etwa nur den Rahmen oder nur den Schatten.

Und jetzt kommt der entscheidende Punkt: Nur weil deine Website auf Divi 5 läuft, nutzt sie diese Möglichkeiten noch lange nicht. Wenn Farben, Abstände und Buttons bislang überall einzeln eingestellt wurden, bleiben sie das nach der Migration zunächst auch. Erst wenn du diese Einstellungen sinnvoll zusammenfasst, wird aus vielen Einzelteilen ein Designsystem, das dir künftig Arbeit abnimmt.

Wenn ich Websites auf Divi 5 umstelle, biete ich an, auf ein Divi-5-Designsystem umzustellen. Farben, Schriften, Abstände und Buttons liegen dann als Variablen und Presets an einer Stelle.

Aber gehen wir weiter: Ein Preset speichert allerdings nur das Aussehen eines Bausteins. Für ganze Bausteine mit Text, Bild und Button gibt es die Components.

Components und Slots: Bausteine einmal bauen, überall nutzen

Stell dir vor, du hast auf zehn Unterseiten denselben Kontaktblock. Jetzt ändert sich deine Telefonnummer. Also zehn Seiten öffnen und zehnmal die Nummer austauschen?

Nicht mit Components! Du änderst den Kontaktblock einmal und Divi übernimmt die Änderung überall dort, wo du ihn eingebunden hast. Das funktioniert nicht nur mit Texten, sondern auch mit Bildern, Buttons und ganzen Seitenabschnitten.

Vielleicht kennst du noch die globalen Elemente aus Divi 4. Components sind deren deutlich flexiblere Weiterentwicklung. Du kannst inzwischen ganze Sections, Zeilen oder Gruppen als wiederverwendbare Bausteine anlegen.

Und was hat es mit den Slots auf sich?

Stell dir einen Bilderrahmen vor: Der Rahmen bleibt gleich, aber welches Bild darin hängt, entscheidest du für jeden Raum einzeln.

Genauso funktionieren Slots. Du kannst beispielsweise einen zweispaltigen Abschnitt als Component anlegen. Links stehen immer dieselbe Überschrift und ein Kontaktbutton. Rechts befindet sich ein Slot, in den du auf jeder Unterseite etwas anderes einsetzen kannst: ein Kundenfeedback, ein Bild oder vielleicht ein Kontaktformular.

Genau so habe ich das mit meinem Kontaktbereich gemacht, den ich auf verschiedenen Seiten einsetze, aber immer mal wieder mit unterschiedlichen Texten:

Änderst du anschließend das Design der Component, wird die Änderung überall übernommen. Was du individuell in die Slots eingefügt hast, bleibt erhalten.

Im Divi Builder kannst du dabei auswählen, ob du die Component für alle Seiten oder nur die einzelne Verwendung bearbeitest.

Multiselect und Bulk Editing: Viele Elemente, eine Änderung

Zurück zu unseren fünf Buttons. Das Blau ist falsch, aber du hast die Farbe überall einzeln eingetragen. Musst du jetzt wieder jeden Button einzeln bearbeiten?

Nö! Mit Multi-Select markierst du einfach alle fünf Buttons und änderst die Farbe in einem Rutsch. Dazu hältst du unter Windows die Strg-Taste gedrückt, am Mac die Cmd-Taste, und klickst die gewünschten Elemente an. Mit Bulk Editing bearbeitest du anschließend ihre Einstellungen gemeinsam.

Das funktioniert nicht nur mit Farben. Auch Abstände, Schriftgrößen, Rahmen und viele andere Einstellungen lassen sich für mehrere Elemente gleichzeitig anpassen. Du kannst sogar unterschiedliche Modultypen auswählen, solange sie die jeweilige Einstellung unterstützen.

Besonders praktisch wird es beim Aufräumen älterer Websites.

Du hast beispielsweise sechs Leistungskarten, deren Abstände nicht mehr zusammenpassen? Statt jede Karte einzeln zu korrigieren, markierst du alle sechs und bringst sie gemeinsam auf Linie.

Es ist einfach superpraktisch: Du kannst mehreren Elementen gleichzeitig ein Preset zuweisen oder feste Werte nachträglich in Design-Variablen umwandeln. So wird aus einer Sammlung einzelner Einstellungen Schritt für Schritt ein einheitliches Designsystem.

Auch mehrere Module gemeinsam verschieben, kopieren oder duplizieren ist möglich.

Eine kleine Einschränkung gibt es: Multi-Select arbeitet mit den Elementen, die du gerade im Builder ausgewählt hast. Willst du dagegen eine Gestaltung dauerhaft auf deiner gesamten Website zentral steuern, sind Variablen und Presets die bessere Wahl.

Gerade diese Kombination gefällt mir an Divi 5: Mit Bulk Editing räumst du schnell auf. Mit Presets und Variablen sorgst du dafür, dass du künftig weniger aufzuräumen hast.

Icon Manager: Eigene Icons im Builder

Du möchtest auf deiner Website eigene Icons verwenden, die zu deinem Branding passen? Bisher war das in Divi ziemlich umständlich. Mit dem neuen Icon Manager wird es deutlich einfacher.

Du kannst jetzt eigene SVG-Icons oder ganze Icon-Schriftarten direkt in Divi importieren. Die Icons landen in übersichtlichen Sammlungen und stehen dir anschließend im Divi Builder zur Verfügung. Ganz ohne zusätzliches Plugin.

Besonders praktisch: Du kannst deine Icon-Sammlungen exportieren und auf anderen Websites wiederverwenden. Das spart Arbeit, wenn du mehrere Websites mit demselben Design betreust.

Und keine Sorge: Wenn du eine Sammlung aus dem Icon Manager entfernst, bleiben die bereits auf deiner Website verwendeten Icons erhalten.

Ein kleiner Sicherheitshinweis: Lade nur SVG-Dateien aus vertrauenswürdigen Quellen hoch.

Divi Notes: Schluss mit dem Korrektur-Pingpong

„Auf der Seite mit den Leistungen müsste der Button weiter unten stehen. Und die Überschrift darüber bitte noch ändern.“

Solche Änderungswünsche kommen gerne per E-Mail. Und dann beginnt die Suche: Welche Seite, welcher Button, welche Überschrift?

Mit den neuen Divi Notes lassen sich Kommentare und Änderungswünsche direkt im Divi Builder an den betreffenden Elementen hinterlassen. Du klickst beispielsweise auf eine Überschrift, fügst eine Notiz hinzu und beschreibst, was geändert werden soll.

Die Notizen können bestimmten Personen zugewiesen, beantwortet und nach Erledigung abgehakt werden. Auch E-Mail-Benachrichtigungen sind möglich.

Beim Relaunch besonders nützlich: So kannst du als Kunde deinem Webdesigner Feedback direkt an der richtigen Stelle hinterlassen. Das spart Rückfragen und macht lange Korrekturlisten vielleicht bald überflüssig.

Die Kommentare sind übrigens nur im Backend für berechtigte Nutzer sichtbar. Deine Website-Besucher bekommen davon nichts mit.

Und für die Pros: Und wer mit dem Divi AI Agent arbeitet, kann ihm sogar Aufgaben aus den Notizen zur Bearbeitung übergeben. Aber wie gut das geht, habe ich ehrlicherweise noch nicht getestet: Ich bin noch kein Freund des Divi AI Agents und ziehe bislang andere KI-Lösungen vor.

Was das für deine Website heißt

Baust oder pflegst du deine Website selbst, dann bekommst du mit diesen Werkzeugen eine sinnvolle Reihenfolge: Erst Variablen und Presets anlegen, dann Components für alles, was sich wiederholt und Multiselect für die Aufräumarbeiten dazwischen. Genau das mache ich auch, wenn ich eine Kundenwebsite auf Divi 5 umstelle.

Lässt du bauen und pflegen, dann siehst du die Funktionen selten. Du merkst sie daran, wie schnell eine Änderung auf allen Seiten ankommt und dass deine Website konsistent in deinem Markendesign bleibt.

Ein Punkt gilt für beide: Eine Divi-4-Seite, die 1:1 auf Divi 5 migriert wurde, nutzt diese Bausteine nicht automatisch. Das Aussehen bleibt, der Aufbau auch. Components, Presets und Variablen legst du erst an, wenn du die Seite Baustein für Baustein umstellst.

Noch ein Punkt für die Pros unter euch: Klare Vorgaben sind auch ein Schlüssel für effizientes und fehlerfreies Arbeiten in der Website mit Hilfe von KI.

Fazit: Divi 5 nimmt dir die Wiederholungen ab

Alles, was sich auf deiner Website wiederholt, hat in Divi 5 jetzt einen Ort, an dem du es einmal änderst. Werte stecken in Variablen, Gestaltung in Presets, ganze Bausteine in Components. Für die Fälle, die trotzdem einzeln anfallen, gibt es Multiselect zum schnellen gemeinsamen Bearbeiten.

Falls du noch mit Divi 4 arbeitest: Eine Umstellung ist nicht gleichbedeutend mit einem kompletten Website-Relaunch. Du kannst deine bestehende Website übernehmen und anschließend dort modernisieren, wo es sich für dich lohnt.

Wenn deine Website bereits auf Divi 5 läuft, ist der erste Schritt gemacht. Die spannende Frage ist jetzt, wie viel von den neuen Möglichkeiten du tatsächlich nutzt. Ein Tipp für den Einstieg: Stelle dir zunächst die benötigten Variablen ein und lege erst dann die Presets an, die du oft brauchst. Wenn du das mal raus hast, dann kommst du schnell ins Preset-Fieber und erkennst auch den Nutzen von Components schnell.

Du willst das für deine Website nicht alleine machen? Meld dich gerne: Ich schaue mir deine Website an, erkläre dir, was bei der Umstellung zu beachten ist und du bekommst einen verbindlichen Preis für deine Umstellung.

FAQ

Welche Divi-Version brauche ich für die neuen Funktionen?

Die Neuerungen sind schrittweise erschienen: Components und Slots mit Divi 5.15, Multi-Select und Bulk Editing mit 5.16, der Icon Manager mit 5.17, erweiterte Variablen mit 5.18 und Divi Notes mit 5.19. Wenn du Divi regelmäßig aktualisierst, stehen dir die Funktionen zur Verfügung.

Bekomme ich die neuen Funktionen automatisch, wenn ich von Divi 4 auf Divi 5 umsteige?

Ja und nein. Die neuen Werkzeuge stehen dir nach der Umstellung zur Verfügung. Aber Divi macht aus deinen bisherigen Einstellungen nicht automatisch ein durchdachtes Designsystem. Vorhandene Presets werden bei kompatibler Migration übernommen. Einzelne Farben, Abstände oder wiederkehrende Bereiche musst du jedoch selbst in Variablen, Presets und Components überführen.

Muss ich meine Website für Divi 5 komplett neu erstellen lassen?

Nein, normalerweise nicht. Der Divi-5-Migrator kann bestehende Layouts übernehmen. Allerdings solltest du vorher prüfen, ob alle eingesetzten Module und Plugins kompatibel sind. Und wenn du schon umstellst, kann es sich lohnen, bei dieser Gelegenheit auch gleich den Aufbau deiner Website zu verbessern.

Was bringen mir die neuen Funktionen, wenn ich meine Website gar nicht selbst bearbeite?

Eine ganze Menge! Ist deine Website mit Variablen, Presets und Components sinnvoll aufgebaut, lassen sich spätere Änderungen schneller und einheitlicher umsetzen. Das kann den Pflegeaufwand reduzieren und verhindert, dass sich im Laufe der Zeit unterschiedliche Formatierungen einschleichen. Davon profitierst du auch, wenn jemand anderes deine Website betreut.

Kann ich meinem Webdesigner mit Divi Notes direkt Änderungswünsche hinterlassen?

Ja, sofern du einen entsprechenden WordPress-Zugang und die nötigen Berechtigungen hast, was normalerweise der Fall sein sollte. Kommentare lassen sich direkt an den jeweiligen Elementen im Divi Builder hinterlassen. So ist sofort ersichtlich, welche Überschrift, welches Bild oder welcher Button gemeint ist. Auf der öffentlichen Website sind diese Notizen nicht sichtbar.