Divi-Release 5.7 – Gradient-Features

…und Gradients werden endlich erwachsen

Hast du dir jemals gewünscht, einen Farbverlauf in Divi einfach zu kopieren, irgendwo anders einzufügen – ohne alles neu einzustellen? Oder denselben Gradient Seiten übergreifend zu nutzen, ohne ihn fünfmal manuell zu pflegen? Mit Divi 5.7 ist genau das Realität geworden.

Das Update vom 5. Juni 2026 ist ein klarer Fokus-Release: Farbverläufe, Texteffekte und Bugfixes. Nicht alles auf einmal – dafür richtig durchdacht.

Das neu Gradient-Feld: Endlich ein einheitliches Konzept

Bisher musstest du Gradient-Einstellungen in Divi immer Attribut für Attribut verwalten. Das hat sich grundlegend geändert: In Divi 5.7 wird ein Farbverlauf als einheitliches Feld behandelt – ähnlich wie Farben oder Abstände.

Was das in der Praxis bedeutet:
• Gradient kopieren und an anderer Stelle einfügen – mit einem Klick
• Gradient im Inspektor sehen und bearbeiten
• Suchen & Ersetzen: einen bestimmten Verlauf auf der ganzen Seite finden und austauschen
• Extend: bestehende Gradients als Basis verwenden und anpassen

Wer viel mit Gradienten arbeitet, wird diesen Schritt lieben. Kein Hin-und-Her mehr zwischen einzelnen Stopp-Farben.

Gradient-Variablen: Einmal definieren, überall nutzen

Das Variablen-System in Divi 5 war bereits ein echter Gamechanger für Farben und Abstände. Jetzt kommt eine neu Variable-Art dazu: Gradient-Variablen.

Du definierst einen Farbverlauf einmalig im Variablen-Manager, gibst ihm einen Namen – und verwendest ihn an beliebig vielen Stellen auf deiner Website. Änderst du die Variable, wird der Gradient überall aktualisiert. Konsistenz ohne Aufwand.

Gerade in Kombination mit den neun Texteffekten ist das besonders praktisch: Du kannst denselben Brand-Gradient für Hintergründe, Buttons und Texte verwenden – und alles von einer einzigen Stelle aus steuern.

Werte per Rechtsklick in Variablen umwandeln

Neu in 5.7: In jedem Feld des Visual Builders gibt es jetzt eine Rechtsklick-Option „In Variable umwandeln“. Das ist kein Gradient-exklusives Feature – es funktioniert für alle Feldtypen: Farben, Abstände, Schrittgrößen, und eben auch Gradients.

Das ändert den Workflow spürbar: Du musst nicht mehr zuerst in den Variablen-Manager wechseln, einen Wert anlegen und ihn dann zuweisen. Stattdessen designst du ganz normal – und wenn du merkst, dass ein Wert wiederverwendbar sein soll, machst du einfach einen Rechtsklick und wandelst ihn direkt in eine Variable um. Der Wert bleibt erhalten, wird aber ab sofort zentral verwaltet.

Neue Optionen – nicht nur im Zusammenhang mit Gradients

Alle Optionen sind in allen Font-Gruppen verfügbar – also nicht nur bei Überschriften, sondern auch bei Fließtext, Buttons und Co.

Was sonst noch in 5.7 steckt

Neben den Gradient-Features enthält das Update eine ganze Reihe von Bugfixes:
• Loop Builder: Fehlende Order-By-Optionen nach dem Reload behoben
• Theme Builder CSS: Unvollständiges kritisches CSS nach Cache-Invalidierung gefixt
• Preset-Padding: Hover-Padding in CTA-Modulen verhält sich jetzt korrekt
• SVG-Module: SVG-Code wird beim Reload des Visual Builders nicht mehr gelöscht
• Accordion: Scroll-Verhalten unter Sticky-Sections korrigiert
• Inherited Variables im Responsive Editor werden jetzt korrekt als Platzhalter angezeigt

Mein Fazit

Ein Update mit klarem Fokus
Divi 5.7 ist kein „alles auf einmal“-Update – und das ist gut so. Der Fokus auf Gradients und Texteffekte macht das Update klar und direkt umsetzbar. Wer das Variablen-System von Divi 5 bereits nutzt, wird sofort von den Gradient-Variablen profitieren. Und wer bisher gezögert hat, mit Farbverläufen zu arbeiten, bekommt endlich ein Werkzeug, das sich wirklich intuitiv anfühlt.

Denke daran: Vor dem Update – wie immer – ein Backup machen!!!

Hast du Divi 5.7 schon ausprobiert? Schreib mir gerne, welches Feature du am meisten nutzt!

Quellen

Elegant-Themes Blog

05.06.2026 – New Gradient Editor, Gradient Variables, Text Effects and More

Dieser Beitrag wurde mit KI-Unterstützung erstellt.