Formular-Gestaltung: endlich vereinheitlicht
Wer mit mehreren Divi-Modulen gearbeitet hat, die Formulare enthalten – also etwa das Kontaktformular, das E-Mail-Opt-in oder die WooCommerce-Checkout-Module – kennt das Problem: Jedes Modul hatte seine eigenen Einstellungen, und die waren weder konsistent noch vollständig. Manche Module boten Optionen für Label-Texte, andere nicht. Focus-Styles waren teilweise vorhanden, teilweise fehlten sie ganz.
Mit Version 5.3.0 ist damit Schluss. Elegant Themes hat alle formularbasierten Module vereinheitlicht und mit einem einheitlichen Set an Gestaltungsoptionen ausgestattet.
Getrennte Option Groups für Input-, Checkbox- und Radio-Felder
Statt einer einzigen „Field“-Option Group gibt es jetzt drei separate Groups: eine für reguläre Eingabefelder, eine für Checkboxen und eine für Radio-Buttons. Jede Option Group bringt die volle Bandbreite von Divis Designoptionen mit – also nicht nur Hintergrundfarbe, sondern auch Abstände, Rahmen, Typografie, Schatten und alles, was man aus anderen Modulen kennt.
Presets für Formular-Felder
Alle neuen Option Groups unterstützen jetzt Divi-Presets. Das bedeutet: Du erstellst einmal ein Option Group Preset für deine Input-Felder, eins für Checkboxen, eins für Radio-Buttons – und alle formularbasierten Module auf deiner Website können diese Presets nutzen.
Neue Pseudo-Klassen: :focus, :checked und :active
Neben dem bekannten Hover-Modus lassen sich ab sofort weitere Zustände direkt im Visual Builder bearbeiten. Wer auf ein Eingabefeld klickt (:focus), eine Checkbox aktiviert (:checked) oder einen Button drückt (:active), sieht jetzt genau das Design, das du im Builder festgelegt hast. Die alten, separaten Focus-Einstellungen einzelner Module wurden dabei auf das neue System migriert und als veraltet markiert.
Diese Pseudo-Klassen sind übrigens nicht nur bei Formularen verfügbar. Inwiefern du dies woanders noch brauchst, ist mir persönlich (noch) nicht klar.
Contact Form 7 Styler – das erste Integrationsmodul
Das wohl auffälligste neue Feature in 5.3.0 ist das Contact Form 7 Styler-Modul. Damit lässt sich jedes CF7-Formular direkt in einen Divi-Block einbetten und mit Divis vollem Design-System gestalten.
Bisher musste man CF7-Formulare entweder mit eigenem CSS anpassen oder auf Drittanbieter-Plugins zurückgreifen. Das entfällt jetzt. Elegant Themes bezeichnet dieses Modul als erstes einer Reihe von Integrationsmodulen für beliebte Dritt-Plugins – es dürften also weitere folgen.
Blauer Dot: sofort sehen, was geändert wurde
Eine kleine, aber praktische Neuerung: Sobald eine Einstellung oder eine Option-Gruppe im Settings-Panel angepasst wurde, erscheint ein blauer Punkt. So sieht man auf einen Blick, wo eigene Werte hinterlegt sind – ohne alle Einstellungen einzeln durchgehen zu müssen.
Bugfixes: über 20 Korrekturen in zwei Tagen
Version 5.3.1, die einen Tag nach 5.3.0 erschien, brachte eine lange Liste von Korrekturen. Version 5.3.2 folgte zwei Tage später mit weiteren Fixes. Die wichtigsten im Überblick:
WordPress 7.0 / Layout Block: Der Divi Layout Block verlor unter WordPress 7.0 beim Neuladen des Block-Editors seinen gespeicherten Inhalt. Das ist behoben.
D4-zu-D5-Migration: Globale Sektionen mit Bild-Modulen wurden beim Migrieren doppelt gewrappt und nicht korrekt auf dem Frontend gerendert. In 5.3.2 wurden zwei weitere Migrationsfehler behoben: Posts mit führenden Leerzeichen ergaben nach der Konvertierung ein leeres D5-Layout, und gemischte Shortcode- und HTML-Inhalte in Text-Modulen konnten beim Migrieren abgeschnitten werden.
WooCommerce: Das Button-Padding in Cart-Modulen wurde durch hartcodierte Hover-Werte überschrieben. Außerdem werden Form Notice-Farben im Checkout-Billing-Modul jetzt korrekt auf verlinkte Fehlermeldungen angewendet.
Blog-Modul: Auf Kategorie-Seiten mit Theme-Builder-Layouts fehlte beim Blog-Modul regelmäßig ein Post. Zusätzlich zeigte die „Show Content“-Option auf Archivseiten nach Bearbeitung eines Posts unstylisierten Inhalt, weil der CSS-Cache nicht korrekt invalidiert wurde.
Visual Builder allgemein: Gradient-Hintergrundfarben, die auf Mobile ein Hintergrundbild verdeckten, Farbpicker, der beim Wechsel die alte Opacity anzeigte, sowie Number-Counter, der benutzerdefinierte Suffixe während der Animation verlor – alles behoben.
Divi Cloud: Nach einem Seiten-Refresh forderte Divi Cloud den Nutzer wiederholt zur erneuten Anmeldung auf. Auch das ist jetzt behoben.
Fazit
Divi 5.3 ist ein echter Sprung nach vorne. Die Vereinheitlichung der Formular-Module beseitigt einen der nervigsten Reibungspunkte im täglichen Workflow. Und das CF7-Modul zeigt, wohin die Reise geht: Divi 5 als natives Styling-Framework für die gesamte WordPress-Welt.
Quellen
Blog-Beitrag Elegant Themes (Englisch)
21.04.2026 Better Form Styling, Field Presets, Focus Editing, And CF7 Module for Divi 5
24.04.2026 Divi 5.3 Release Notes
0 Kommentare