Normalerweise gestalten Page Builder nur den Inhalt einer Seite. Alles drumherum, also Kopfzeile, Fußbereich und die Darstellung von Beiträgen, liegt im Theme. Der Theme Builder von Divi macht aus diesen Bereichen Vorlagen, die du mit demselben Visual Builder gestaltest wie eine normale Seite.
Dieser Beitrag gibt dir einen Überblick über den Theme Builder in Divi 5: wie er aufgebaut ist, wie du Vorlagen anlegst und zuweist und wo Fehler passieren. Die Beschriftungen stammen aus der deutschen Oberfläche von Divi 5.13 (Stand Oktober 2026). Den Rundgang mit Screenshots findest du unter Der Divi Theme Builder im Rundgang. Wenn du konkret deinen Header ändern willst, hilft dir Divi-Theme: Header anpassen.
Was der Theme Builder ist
Der Theme Builder erweitert den Divi Builder auf Elemente für die ganze Website. Statt Theme-Dateien zu bearbeiten, baust du Header, Footer und Beitragsvorlagen visuell. Du findest ihn im WordPress-Menü unter Divi → Theme Builder.
Jede Vorlage besteht aus bis zu drei Teilen: Header, Hauptinhalt und Footer. Der Header enthält typischerweise Logo und Menü, der Footer Links und Hinweise, der Hauptinhalt den eigentlichen Inhalt der Seite oder des Beitrags. Im Visual Builder heißt der Hauptinhalt-Bereich übrigens „Fließtext“.
Die Oberfläche: Standardvorlage und eigene Vorlagen
Auf der Startseite des Theme Builders siehst du die vorhandenen Vorlagen als Karten:
- „Standard-Website-Template“: Sie gilt für alle Seiten, solange nichts anderes festgelegt ist. Sie lässt sich nicht löschen.
- Globale Bereiche: „Globaler Header“, „Globaler Hauptinhalt“ und „Globaler Footer“ in der Standardvorlage gelten websiteweit. Sie können auch in anderen Vorlagen als nicht globale Varianten auftauchen.
- Eigene Vorlagen: Vorlagen, die du bestimmten Seiten, Beiträgen oder Kategorien zuweist. Ihre Bereiche heißen in der Übersicht „Benutzerdefinierter Header“, „Benutzerdefinierter Hauptinhalt“ und „Benutzerdefinierter Footer“.
Mit den Werkzeugen an den Karten fügst du Vorlagen hinzu, bearbeitest, duplizierst oder löschst sie. Vorlagen lassen sich auch importieren und exportieren, praktisch, wenn du ein Setup auf eine zweite Website übertragen willst. Wie das geht, steht in Divi Theme Builder: Alle Vorlagen exportieren und importieren.
Globalen Header und Footer anlegen
Der einfachste Einstieg läuft über die Standardvorlage:
- Öffne Divi → Theme Builder.
- Klicke in der Standardvorlage auf „Globalen Header Hinzufügen“ (bzw. Footer oder Hauptinhalt).
- Wähle „Globalen Header Erstellen“ oder lade ein gespeichertes Layout aus der Divi-Bibliothek.
- Baue den Bereich im Builder, speichere und verlasse ihn wieder.
- Klicke im Theme Builder oben rechts auf „Änderungen Speichern“, damit die Änderung live geht.
Nach dem Speichern meldet Divi „All Changes Saved“, diese Meldung ist auch in der deutschen Oberfläche englisch. Für ein Menü im Header brauchst du ein Menü unter Design → Menüs, das du im Menü-Modul auswählst. Eine ausführliche Anleitung mit Infoleiste, Logo und Menü steht in Globale Kopfzeile in Divi 5 bauen.
Die Standardvorlage braucht übrigens keinen globalen Hauptinhalt. Einen eigenen Hauptinhalt brauchst du erst in speziellen Vorlagen.
Eigene Vorlage zuweisen
Willst du für einen Teil der Website etwas anderes zeigen, legst du eine eigene Vorlage an:
- Klicke auf „Neue Vorlage Hinzufügen“ und dann auf „Neue Vorlage Erstellen“. Es öffnet sich der Dialog „Template-Einstellungen“.
- Wähle aus, wo die Vorlage gelten soll, zum Beispiel im Reiter „Verwenden Für“ „Alle Beiträge“, eine bestimmte Seite oder eine Produktkategorie.
- Klicke auf „Vorlage Erstellen“ und gestalte sie im Visual Builder.
- Speichere und beende.
Zwei Hinweise: Ein eigener Hauptinhalt für Beiträge muss das Modul „Inhalt posten“ enthalten (so heißt das Post-Content-Modul auf Deutsch), sonst erscheint der Inhalt nicht. Für die Überschrift gibt es das Modul „Posttitel“. Und willst du Header oder Footer nur in dieser Vorlage ändern, klickst du den kopierten globalen Bereich mit der rechten Maustaste an und wählst „Global deaktivieren“. Ohne diesen Schritt würdest du den globalen Header für die ganze Website ändern.
Ausnahmen und Konflikte
Im Dialog „Template-Einstellungen“ gibt es neben „Verwenden Für“ den Reiter „Ausschließen Von“. Damit nimmst du bestimmte Inhalte von der Vorlage aus. Beispiel: Die Vorlage gilt für alle Beiträge, aber nicht für einen einzelnen.
Weist du eine Vorlage einer Seite zu, die schon zu einer anderen gehört, gilt die zuletzt gespeicherte Vorlage. Die frühere Zuweisung wird entfernt, und Divi zeigt vor dem Speichern eine Warnung an. Lies diese Warnung, sonst wundert dich später, warum eine Seite plötzlich anders aussieht.
Zuweisungen funktionieren sowohl grob (alle Seiten) als auch fein (ein einzelner Beitrag) und lassen sich kombinieren.
Divi 5 und die KI
Neu in Divi 5 ist der Divi AI Agent, der zum Divi-AI-Abonnement gehört. Laut Hilfe kann er aus dem Chat heraus eine Vorlage anlegen, die Anzeigebedingungen setzen und den Header, Body oder Footer darin aufbauen, oder ein Menü erstellen und der primären Position zuweisen. Vor zerstörerischen Aktionen soll er nach Freigabe fragen. Ob du das brauchst, entscheidest du selbst. Der Theme Builder funktioniert in jedem Fall auch ohne KI.
Empfehlungen
- Plane die Struktur vor dem Anlegen, um unnötige Überarbeitungen zu vermeiden.
- Benenne Vorlagen klar, damit du sie später wiederfindest.
- Exportiere Vorlagen regelmäßig als Sicherung.
- Teste auf verschiedenen Geräten, bevor du live gehst.
Dazu eine eigene Empfehlung: Fang mit nur einem globalen Header und Footer an. Erst wenn du merkst, dass ein Bereich wirklich anders aussehen muss, legst du eine eigene Vorlage an. Je mehr Vorlagen, desto schwerer wird die Fehlersuche.
Den Theme Builder bekommst du mit Divi, die Mitgliedschaft gibt es bei Elegant Themes (Werbung).
Häufige Fragen
Wo finde ich den Theme Builder?
Im WordPress-Menü unter Divi → Theme Builder.
Kann ich den Standard-Header nur auf einer Seite ersetzen?
Ja, mit einer eigenen Vorlage, die du dieser Seite zuweist. Vorher bei der Kopie des globalen Bereichs „Global deaktivieren“ wählen.
Warum zeigt meine Vorlage keinen Inhalt?
Prüfe, ob der Hauptinhalt das Modul „Inhalt posten“ enthält. Ohne dieses Modul erscheint der Beitragsinhalt nicht.
