Verwendung des Divi Theme & Module Customizer

Verwendung des Divi Theme & Module Customizer

Der Divi Theme Customizer und der Module Customizer sind zentrale Werkzeuge, um das Design und Verhalten deiner Website bis ins Detail zu steuern – ganz ohne Programmierkenntnisse. Sie ermöglichen es, Farben, Schriften, Abstände, Kopfzeilen, Menüs und Modulelemente live zu bearbeiten. Diese Anpassungen sind sofort sichtbar und bieten volle Kontrolle über das Erscheinungsbild deiner gesamten WordPress-Seite.

1. Zugriff auf den Theme- und Modulanpasser

Du findest beide Bereiche direkt im WordPress-Dashboard unter Divi > Theme Customizer und Divi > Module Customizer.
Der Theme Customizer beeinflusst globale Designelemente deiner Website wie:

• Header und Navigation
• Farben, Schriftarten und Textgrößen
• Hintergründe und Rahmen
• Logo- und Menügrößen

Der Module Customizer hingegen steuert die Darstellung einzelner Divi-Module, beispielsweise:

• Slider, Blurbs und Buttons
• Abstände zwischen Modulen
• Globale Typografie-Optionen

Beide Bereiche bieten dir Echtzeit-Vorschauen aller Änderungen – du siehst also sofort, wie deine Website nach der Anpassung aussieht.

2. Der Theme Customizer im Detail

Der Theme Customizer erlaubt es, globale Gestaltungselemente deiner Website festzulegen. Nach dem Öffnen des Customizers siehst du eine Seitenleiste mit mehreren Bereichen wie Allgemeine Einstellungen, Kopfzeile & Navigation oder Footer.
In diesen Bereichen passt du fast jedes optische Detail an, zum Beispiel:

• Schriftgrößen und Farben für Überschriften und Texte
• Layout-Breite und Spaltenabstände
• Hintergrundfarben, Rahmen und Schatten
• Menüposition und -größe

Änderungen sind sofort im Vorschaufenster sichtbar. Sobald du zufrieden bist, klickst du auf Veröffentlichen, um deine Einstellungen live zu schalten.

3. Globale Designanpassungen

Mit dem Theme Customizer lassen sich einheitliche Designvorgaben für deine gesamte Website definieren.
Ein Beispiel: Wenn du die Standard-Schriftart für den Body-Text änderst, wird diese Änderung automatisch auf alle Seiten und Beiträge angewendet. So stellst du ein konsistentes Erscheinungsbild deiner Marke sicher.

Besonders praktisch: Über den Bereich Allgemeine Einstellungen > Typografie passt du nicht nur Schriftarten und -größen an, sondern auch Zeilenhöhen, Buchstabenabstände und Linkfarben zentral.
Dadurch sparst du enorm viel Zeit bei der späteren Feinabstimmung einzelner Module.

4. Der Module Customizer

Der Module Customizer arbeitet ähnlich wie der Theme Customizer, konzentriert sich jedoch auf die globale Anpassung einzelner Divi-Module.
Jedes Modul – vom Slider über Testimonials bis zu Buttons – hat hier eigene Einstellungen.
Diese betreffen typischerweise:

• Schriftgröße und Farbe der Modultexte
• Abstände (Padding und Margin)
• Button-Designs und Hover-Effekte
• Bilddarstellung und Rahmen

Wenn du z. B. feststellst, dass die Überschriften deiner Fullwidth-Slider zu groß wirken, öffne einfach das Panel Fullwidth Slider und änder dort die Header Size.
Diese Anpassung wirkt sich automatisch auf alle Slider deiner Website aus – auch auf neu erstellte.
Das spart Zeit und sorgt für einheitliches Design.

5. Vorteile des Modul-Customizers

• Globale Änderungen ohne Code oder Child-Theme
• Einfache Kontrolle über Schriftgrößen, Abstände und Farben
• Schnellere Gestaltung durch zentrale Steuerung
• Konsistentes Erscheinungsbild über alle Module hinweg

Das macht den Modul-Customizer besonders nützlich für Designer und Agenturen, die mit wiederkehrenden Layouts arbeiten.

6. Best Practices für den Einsatz

• Nutz den Theme Customizer, um Grunddesigns (Farben, Typografie, Layout) festzulegen.
• Verwende den Module Customizer, um Feinjustierungen für wiederkehrende Module vorzunehmen.
• Vermeide doppelte Anpassungen in einzelnen Modulen, um ein sauberes Design zu behalten.
• Speicher deine Einstellungen regelmäßig und exportier sie, falls du auf anderen Websites dasselbe Design nutzen möchtest.

7. Exportieren und Wiederverwenden von Customizer-Einstellungen

Divi ermöglicht den Export deiner Theme- und Modulanpassungen über den WordPress-Importer. So überträgst du Designvorlagen ganz einfach auf andere Projekte – ideal für Agenturen oder Freelancer. Exportier deine Einstellungen unter Werkzeuge > Daten exportieren und importier sie auf einer neuen Website. Damit überträgst du Farbpaletten, Schriftstile und Modul-Einstellungen in wenigen Sekunden.

8. Fazit

Der Divi Theme & Module Customizer ist ein mächtiges Werkzeug, um das Erscheinungsbild deiner Website effizient, einheitlich und professionell zu gestalten. Durch die Möglichkeit, globale Designeinstellungen vorzunehmen, sparst du Zeit und vermeidest Inkonsistenzen. Ob Farben, Schriften, Abstände oder Modulgrößen – mit dem Customizer passt du jedes Detail ohne Code an. Bei Fragen oder Unterstützung bei der Einrichtung hilft dir der Support von MIKAS ISP gerne unter hello@mikas.at.