In 5 Minuten zum Divi Child Theme – Schnell & Einfach erklärt

Ein Divi Child Theme ist ein Muss für alle, die ihre Website mit Divi individuell anpassen wollen – ohne bei Updates alles zu verlieren. In diesem Beitrag zeige ich dir, wie du ein Child Theme für Divi ganz einfach selbst erstellst – in unter fünf Minuten.

Ob für eigene CSS-Anpassungen, kleine PHP-Funktionen oder zum Testen von Änderungen – ein Child Theme schützt deine Arbeit vor Überschreibung bei Theme-Updates.

Divi Child Theme anlegen – In 5 Minuten eigenen Child Theme erstellen

Was ist ein WordPress Child Theme?

Ein Child Theme in WordPress ist ein untergeordnetes Theme, das auf einem übergeordneten Theme – dem sogenannten Parent Theme – basiert. Es übernimmt dessen Design und Funktionen, ermöglicht dir jedoch, eigene Anpassungen vorzunehmen, ohne den Original-Code des Haupt-Themes zu verändern.

Das Besondere daran: Alle individuellen Änderungen bleiben auch nach Updates des Parent Themes erhalten. So kannst du problemlos eigenes CSS hinzufügen, Funktionen per PHP erweitern oder Template-Dateien überschreiben – ganz ohne Risiko, dass Updates deine Anpassungen überschreiben.

Ein Child Theme ist damit die sicherste und sauberste Methode, um dein WordPress-Design zu individualisieren.

👉 Ein Child Theme ist ein sogenanntes „Unter-Theme“. Es erbt alle Funktionen und das Design des übergeordneten Themes – in unserem Fall: Divi – kann aber unabhängig angepasst werden.

Vorteile eines Divi Child Themes

• Updatesicher: Änderungen bleiben erhalten, auch wenn das Divi Theme aktualisiert wird.
• Individuell: Du kannst eigene CSS- und PHP-Funktionen einfügen.
• Testumgebung: Ideal für Experimente ohne Risiko.

Divi Child Theme anlegen – So geht’s Schritt für Schritt

Bevor du mit der Erstellung deines Divi Child Themes beginnst, solltest du sicherstellen, dass einige Voraussetzungen erfüllt sind. Denn nur so gelingt dir die Einrichtung sauber und updatesicher.

Voraussetzungen für ein Divi Child Theme

Stelle vor dem Start sicher, dass du Folgendes bereit hast:

• Das Divi Theme ist installiert und aktiviert.
• Du hast Zugriff auf deinen Webserver – entweder per FTP (z. B. mit FileZilla) oder direkt über das WordPress-Dashboard (Dateimanager des Hosters).
• Ein einfacher Texteditor ist installiert – z. B. Notepad++, Sublime Text oder Visual Studio Code.
• Optional: Ein Bildbearbeitungsprogramm, falls du ein eigenes Screenshot-Thumbnail für dein Theme erstellen möchtest (z. B. Photoshop, Canva oder GIMP).

Methoden zur Erstellung eines Divi Child Themes

Es gibt drei bewährte Möglichkeiten, ein Divi Child Theme zu erstellen – je nach Kenntnisstand und gewünschtem Komfort:

1. 🛠 Manuelle Erstellung (empfohlen)
   Du erstellst alle Dateien selbst und hast die volle Kontrolle. Diese Methode ist besonders lehrreich und lässt sich auch für andere WordPress-Themes nutzen.
2. 🔌 Child Theme per Plugin erzeugen
   Es gibt Plugins wie z. B. Child Theme Configurator, mit denen du automatisch ein Child Theme generieren lassen kannst – ohne FTP-Zugriff.
3. 💾 Fertiges Divi Child Theme herunterladen
   Elegant Themes oder andere Anbieter bieten vorgefertigte Child Theme-Vorlagen, die du nur noch hochladen und aktivieren musst.

Warum wir die manuelle Methode empfehlen? Diese Anleitung konzentriert sich auf die manuelle Erstellung eines Divi Child Themes, da du dabei genau verstehst, welche Dateien warum benötigt werden. Außerdem bist du so unabhängig von Plugins und kannst das Prinzip bei jedem anderen Theme ebenfalls anwenden.

Schritt 1: Neuen Ordner für das Child Theme anlegen

Der erste Schritt beim Erstellen eines Child Themes besteht darin, einen eigenen Ordner dafür anzulegen.

So gehst du vor:

🔹 Per FTP (z. B. FileZilla):

• Stelle eine Verbindung zu deinem Webserver her.
• Navigiere in das Verzeichnis: /wp-content/themes/
• Erstelle dort einen neuen Ordner, z. B. mit dem Namen divi-child

🔹 Lokal (z. B. auf dem Desktop):

• Lege einen neuen Ordner an und benenne ihn beispielsweise DiviChild
• Dieser Ordner wird später per FTP hochgeladen oder per ZIP über das WordPress-Backend installiert

👉 Tipp: Verwende keine Leerzeichen oder Sonderzeichen im Ordnernamen – das kann zu Problemen führen.

Schritt 2: style.css Datei erstellen

Die style.css ist das Herzstück deines Child Themes. Sie enthält die Theme-Metadaten und bietet Platz für deine eigenen CSS-Anpassungen.

So erstellst du die Datei:

1. Öffne deinen Texteditor (z. B. Visual Studio Code oder Notepad++)
2. Erstelle eine neue Datei und speichere sie unter dem Namen style.css im zuvor angelegten Ordner
3. Füge folgenden Code ein:

/*
Theme Name: Divi Child
Theme URI: https://deine-website.de
Description: Ein Child Theme für das Divi Theme
Author: Dein Name
Author URI: https://dein-portfolio.de
Template: Divi
Version: 1.0
*/ /* Eigene CSS-Anpassungen kommen hierhin */

📌 Wichtig:
Die Zeile Template: Divi ist entscheidend – sie verbindet das Child Theme mit dem Divi Parent Theme. Der Name muss exakt mit dem Ordnernamen des Divi Themes übereinstimmen (i. d. R. „Divi“).

Schritt 3: Die functions.php anlegen

Die functions.php ist die zweite zentrale Datei deines Divi Child Themes. Mit ihr kannst du eigene Funktionen definieren – beispielsweise eigene Shortcodes, Scripts oder Filter. Besonders wichtig: Sie sorgt dafür, dass das Stylesheet des Parent Themes (Divi) korrekt eingebunden wird.

So gehst du vor:

1. Öffne deinen Texteditor (z. B. Visual Studio Code, Sublime Text oder Notepad++)
2. Erstelle eine neue Datei und speichere sie unter dem Namen functions.php im Ordner deines Child Themes
3. Füge folgenden Code in die Datei ein:

<?php
// Stylesheet vom Parent Theme laden
function divi_child_enqueue_styles() {
wp_enqueue_style(‚parent-style‘, get_template_directory_uri() . ‚/style.css‘);
}
add_action(‚wp_enqueue_scripts‘, ‚divi_child_enqueue_styles‘);

Erklärung:

• wp_enqueue_style sorgt dafür, dass das Haupt-Stylesheet von Divi korrekt geladen wird.
• get_template_directory_uri() verweist auf den Pfad des Divi Parent Themes.
• Die Funktion wird über den Hook wp_enqueue_scripts eingebunden.

📌 Tipp:
Du kannst in dieser Datei später auch eigene PHP-Funktionen einfügen, z. B. individuelle Seitentitel, benutzerdefinierte Post-Types oder Filter.

Schritt 4: Child Theme hochladen & optionalen Screenshot hinzufügen

Optional: Screenshot für dein Theme erstellen

Ein Screenshot macht dein Child Theme im WordPress-Dashboard visuell erkennbar – besonders hilfreich bei mehreren Themes.

So erstellst du das Vorschaubild:

• Erstelle ein Bild im Format 1200 x 900 Pixel (JPEG oder PNG)
• Speichere es unter dem Namen screenshot.png
• Lege die Datei in den Hauptordner deines Child Themes (z. B. divi-child)

💡 Tipp: Verwende den Namen deines Projekts oder Logos im Bild für eine professionelle Darstellung.

Child Theme in WordPress hochladen

Wenn du dein Divi Child Theme lokal erstellt hast, musst du es jetzt in deine WordPress-Installation importieren.

Vorgehen:

1. Komprimiere den divi-child-Ordner als ZIP-Datei (Rechtsklick → „Senden an → ZIP-komprimierter Ordner“)
2. Logge dich in dein WordPress-Backend ein
3. Navigiere zu Design → Themes
4. Klicke auf „Hinzufügen“ > dann auf „Theme hochladen“
5. Wähle die zuvor erstellte ZIP-Datei aus und klicke auf „Jetzt installieren“
6. Warte auf die erfolgreiche Installation

Schritt 5: Divi Child Theme aktivieren

Nach dem Upload erscheint dein neues Theme in der Übersicht.

So aktivierst du es:

• Gehe zu Design → Themes
• Suche dein Divi Child Theme
• Klicke auf „Aktivieren“

Glückwunsch! Dein Child Theme ist jetzt aktiv und bereit für individuelle Anpassungen.

Schritt 6: Eigene Anpassungen vornehmen

Jetzt kannst du dein WordPress-Projekt ganz individuell gestalten – ohne die Gefahr, dass Updates deine Änderungen überschreiben.

🔧 Typische Anpassungen im Child Theme:

• CSS-Styling: direkt in der style.css anpassen
• Funktionen erweitern: neue Funktionen, Hooks oder Shortcodes in der functions.php ergänzen
• Templates anpassen: Kopiere Templates wie header.php oder single.php aus dem Parent Theme in dein Child Theme und bearbeite sie dort

📌 Hinweis: Nur Dateien, die du im Child Theme überschreibst, ersetzen das Original – alle anderen werden automatisch vom Parent Theme übernommen.

CSS-Anpassungen im Stil behalten

Schreibe deine CSS-Regeln direkt in die style.css deines Child Themes. Beispiel:

/* Buttons anpassen */
.et_pb_button {
border-radius: 30px;
background-color: #000;
color: #fff;
}

So bleiben deine individuellen Anpassungen auch nach Divi-Updates erhalten.

Child Theme mit FTP oder Plugin installieren

Variante 1: Manuell per FTP

1. Erstelle einen neuen Ordner /wp-content/themes/divi-child
2. Lade style.css, functions.php und optional screenshot.png hoch
3. Aktiviere das Theme in WordPress unter Design → Themes

Variante 2: Mit Plugin erstellen

Nutze z. B. das Plugin Child Theme Configurator:

• Installiere und aktiviere das Plugin
• Gehe zu Werkzeuge → Child Themes
• Wähle Divi als Parent Theme
• Klicke auf „Child Theme erstellen“

SEO Tipps für dein Divi Child Theme

• Verwende strukturierte Daten vom Typ HowTo für Google-Snippets
• Beschrifte deine CSS- und PHP-Funktionen sauber
• Lege ein Child Theme an, wenn du PageSpeed-Optimierungen vornimmst
• Nutze sprechende Klassennamen in deinem CSS
• Verwende Child Themes auch zur Anpassung von Schema.org-Auszeichnungen

Divi Child Theme nachträglich erstellen – geht das?

Ja, du kannst ein Divi Child Theme auch nachträglich anlegen, selbst wenn du bereits mit dem Haupt-Theme gearbeitet hast. Dabei bleiben deine bisherigen Inhalte und Einstellungen erhalten. Es gibt zwei gängige Methoden, um das Child Theme nachträglich zu erstellen:

Methode 1: Manuelles Erstellen des Child Themes

1. Verbinde dich per FTP oder über den Dateimanager deines Hostings mit deinem Server.
2. Erstelle im Verzeichnis /wp-content/themes/ einen neuen Ordner, zum Beispiel divi-child.
3. Lege im neuen Ordner eine Datei namens style.css an und füge diesen Code ein:

/*
Theme Name: Divi Child
Template: Divi
Version: 1.0
*/

4. Erstelle außerdem eine Datei functions.php mit folgendem Inhalt, damit die Styles des Parent Themes geladen werden:

<?php
function enqueue_child_styles() {
wp_enqueue_style(‚parent-style‘, get_template_directory_uri() . ‚/style.css‘);
}
add_action(‚wp_enqueue_scripts‘, ‚enqueue_child_styles‘);
?>n: 1.0
*/

5. Gehe in dein WordPress-Dashboard zu Design > Themes und aktiviere das neue Child Theme.

Methode 2: Child Theme mit Plugin erstellen

Wenn du keinen FTP-Zugang nutzen möchtest, kannst du das Plugin Child Theme Configurator verwenden:

1. Gehe zu Plugins > Installieren und suche nach „Child Theme Configurator“.
2. Installiere und aktiviere das Plugin.
3. Navigiere zu Werkzeuge > Child Themes.
4. Wähle „Divi“ als Parent Theme aus und klicke auf „Child Theme erstellen“.
5. Nach der Erstellung aktiviere das neue Child Theme unter Design > Themes.

Was passiert mit bisherigen Anpassungen?

• Falls du individuelle CSS-Anpassungen im WordPress-Customizer unter Design > Customizer > Zusätzliches CSS vorgenommen hast, bleiben diese erhalten.
• Änderungen direkt an Theme-Dateien solltest du manuell in dein neues Child Theme übertragen, um sie update-sicher zu machen.

CSS-Anpassungen ins Child Theme übertragen

So übernimmst du bestehende CSS-Anpassungen in dein neues Divi Child Theme:

1. Anpassungen exportieren:
   Öffne den WordPress-Customizer und kopiere alle deine benutzerdefinierten CSS-Regeln.
2. In die style.css einfügen:
   Öffne die style.css deines Child Themes und füge die kopierten CSS-Regeln dort ein – idealerweise unter einem Kommentar wie:

/* Benutzerdefinierte Anpassungen */
body {
background-color: #f0f0f0;
}

3. Prüfen:
Aktiviere das Child Theme in WordPress und überprüfe, ob alle CSS-Anpassungen wie gewünscht übernommen wurden.

Kann man Divi ohne ein Child Theme nutzen?

Ja, grundsätzlich kannst du Divi auch ohne Child Theme verwenden. Divi bietet verschiedene Möglichkeiten, benutzerdefinierten Code einzufügen, zum Beispiel über:

• Divi Builder (visueller Editor)
• Theme Customizer (Design-Anpassungen)
• Theme Einstellungen

Diese Änderungen bleiben in der Regel auch nach einem Theme-Update erhalten. Zudem optimiert Divi den Code automatisch durch Minifizierung und Caching, sodass die Ladezeiten stabil bleiben.

Wann solltest du ein Divi Child Theme verwenden?

✅ Ein Child Theme ist sinnvoll, wenn:

• Du direkt an Theme-Dateien wie functions.php oder Template-Dateien Änderungen vornehmen willst.
• Du umfangreichen Code (z. B. mehrere hundert Zeilen CSS oder JavaScript) einfügst.
• Du im Team arbeitest und eine strukturierte, sichere Arbeitsweise für Anpassungen brauchst.

Wann brauchst du kein Child Theme?

❌ Ein Child Theme ist nicht zwingend nötig, wenn:

• Du nur kleinere Anpassungen machst (z. B. weniger als 100 Zeilen CSS oder ein paar kleine Skripte).
• Du alleine arbeitest und keine Entwickler:innen hinzuziehst. (Falls doch, erstellen Entwickler meist selbst ein Child Theme.)

👉 Für kleine Anpassungen kannst du Divi auch ohne Child Theme verwenden. Planst du jedoch größere oder komplexe Änderungen, ist ein Child Theme die beste und sicherste Lösung.

Checkliste: Divi Child Theme erstellen

👉 Tipp: Teste Änderungen zunächst in einer Staging-Umgebung, bevor du das Child Theme live verwendest.

Fazit: Divi Child Theme lohnt sich immer

Ein Divi Child Theme zu erstellen ist einfach – aber extrem wichtig, wenn du langfristig mit Divi arbeitest. Es schützt deine Änderungen, erleichtert Tests und verbessert die SEO. Ob per FTP oder Plugin: Innerhalb weniger Minuten ist dein Child Theme einsatzbereit.

👉 Jetzt ausprobieren und dein Divi Child Theme erstellen – für professionelle Anpassungen ohne Risiko!

Hol dir jetzt das Divi Theme und sichere dir Zugriff auf alle Premium Funktionen, Layouts und den Divi Builder: Jetzt Divi ausprobieren »

🚀 Jetzt das Divi Theme kaufen
Einmal kaufen – unbegrenzt Websites erstellen!

Mit dem Divi Theme von Elegant Themes bekommst du Zugriff auf über 200+ vorgefertigte Layouts, einen visuellen Drag-&-Drop-Editor und alle Tools, die du für modernes, responsive Webdesign brauchst.

*Affiliate-Link

FAQs zum Divi Child Theme

Was ist ein Divi Child Theme?
Ein Divi Child Theme ist ein untergeordnetes Theme, das auf dem Divi Parent Theme basiert. Es erlaubt dir, Design- und Code-Anpassungen vorzunehmen, ohne das ursprüngliche Divi Theme direkt zu verändern. So bleiben deine Änderungen auch nach Updates des Divi Themes erhalten.

Warum ein Child Theme in WordPress nutzen?
Ein Child Theme bietet dir viele Vorteile:
Updatesicher: Deine Anpassungen bleiben auch nach einem Theme-Update erhalten.
Flexibilität: Du kannst eigenen CSS- und PHP-Code hinzufügen und so dein Design individuell anpassen.
Fehlersicherheit: Wenn mal etwas schiefgeht, kannst du schnell zum ursprünglichen Parent-Theme zurückkehren, ohne Daten zu verlieren.

Kann man Divi ohne ein Child Theme nutzen?

Ja, du kannst Divi auch ohne ein Child Theme verwenden – vor allem dann, wenn du nur kleine Anpassungen vornimmst, wie z. B.:

• Kleine Skripte über das Integrationsfeld
• Weniger als 100 Zeilen CSS über den Customizer (Design > Customizer > Zusätzliches CSS)
• Einfache Einstellungen im Divi Theme-Builder oder in den Theme-Optionen

Wie installiere ich Divi in WordPress?

1. Divi herunterladen: Melde dich bei Elegant Themes* an und lade das Divi Theme als ZIP-Datei herunter.
2. In WordPress hochladen:

Installiere und aktiviere das Theme.

• Gehe zu Designs > Themes in deinem WordPress-Dashboard.
• Klicke auf Neu hinzufügen > Theme hochladen und wähle die ZIP-Datei aus.

Wie verwende ich den Child-Theme-Generator in WordPress?

1. Installiere ein Plugin wie Child Theme Configurator (über Plugins > Installieren).
2. Öffne es unter Werkzeuge > Child Theme.
3. Wähle Divi als übergeordnetes Theme und klicke auf Child Theme erstellen.
4. Aktiviere das erstellte Child-Theme unter Designs > Themes.