Der erste Schritt nach der Installation eines neuen WordPress Themes sollte immer das Anlegen eines dazu passenden Child Theme (dt. Kind Theme) sein.

Was ist ein WordPress Child Theme?

Selbst bei so umfangreich anpassbaren Themes wie das Divi Theme gibt es doch viele Änderungen, die sich nur durch den direkten Eingriff in die Dateien eines Themes erreichen lassen. Typischerweise handelt es sich um die Dateien style.css und functions.php. Man kann die Anpassungen natürlich auch direkt in den Dateien des Divi Themes durchführen, hat dann aber das Problem, dass mit dem nächsten Update des Themes alle Dateien überschrieben werden und man dann alle Anpassungen verliert und wieder neu eintragen muss. Das Problem lässt sich durch die Nutzung eines Child Themes vermeiden. Ein Child (Kind) Theme verweist im Grunde auf das Eltern Theme und beinhaltet nur angepassten und ergänzende Dateien zum Eltern Theme. Damit bleiben auch bei einem Update des Eltern Themes alle Änderungen im Child Theme erhalten.

Wie erstellt man ein Child Theme?

Hier gibt es mehrere Wege zum Ziel:

  • Download: Der einfachste Weg ist die Nutzung unseres vorbereiteten Divi-Child-Theme Ordners.
  • Plugin: Der ebenfalls relativ einfache Weg ist die Nutzung eines Plugins.
  • DIY: Etwas schwieriger aber sehr lehrreich ist das eigene Erstellen der nötigen Ordner und Dateien.

Vorbereitetes Divi Child Theme

Die einfachste Lösung ist der Download des von uns vorbereiteten Divi Child Theme Ordners.

Dazu gehst du folgendermaßen vor:

Schritt 1: Download der ZIP-Datei

Du meldest dich nur schnell zu unserem Divi Newsletter an und schon kannst du unser vorbereitetes Divi Child Theme herunterladen:

Newsletteranmeldung mit Child-Theme Bonus

Schritt 2: Installation des Child Themes

Nach dem Download gehst du in deinem WordPress Backend auf „Design“ > „Themes“ und oben neben der Überschrift „Themes“ klickst du auf den den Button „Installieren“.

WordPress: Child Theme hochladen, Schritt 1

Dann gelangst du auf die „Themes installieren“ Seite und findest oben dann den Button „Theme hochladen“ auf den du klickst.

WordPress: Child Theme hochladen, Schritt 2

Du wählst den Button „Datei hochladen“ und dann die zuvor heruntergeladene ZIP-Datei aus und lädst diese hoch.

Schritt 3: Aktivieren des Child Themes

Jetzt gehst du im WordPress Backend auf „Design“ > „Themes“ und wählst das Divi Child Theme aus und klickst dort auf „Aktivieren“.

Jetzt sollte erstmal alles auf deiner Homepage wie vorher aussehen, nur dass du nun Anpassungen durchführen kannst, die bei einem Update nicht verloren gehen. Wir empfehlen, dass du dir anschließend auch die kurze Anleitung zum eigenhändigen Erstellen von Child Themes ansiehst, damit du weißt wozu das gemacht wird und wo welche Datei für spätere Anpassungen liegt.

Divi Child Theme mit einem Plugin erstellen

Es gibt mehrere Plugins, die einem dabei helfen ein Child Theme zu erstellen. Unser derzeitiger Favorit ist das Child Theme Configurator Plugin, da dieses Plugin zusätzliche praktische Funktionen zur Bearbeitung eines Child Themes bietet. Alternative lässt sich auch der Child Theme Creator von Orbisius nutzen.

WordPress Child Theme selbst erstellen

Du kannst dir auch eigenständig ein Divi Child Theme erstellen. Damit lernst du das Verfahren grundsätzlich kennen und kannst das auch für andere Themes anwenden. Außerdem musst du für einige Anpassungen des Divi Themes sowieso per FTP auf deine Dateien im Child Theme Ordner zugreifen und dann hast du schon ein wenig Erfahrungen gesammelt. Es ist im Grunde relativ leicht ein Child Theme zu erstellen. Du musst nur einen Ordner und zwei Dateien erstellen und schon ist dein Child Theme fertig.

Schritt 1: Ordner erstellen

Du musst per FTP auf deinen Webspace zugreifen und in den WordPress Themes Ordner navigieren, den du unter …

findest.

Dort liegen alle bisher vorhandenen Themes in Ordnern, so dass auch ein „divi“ Ordner für dein Divi Theme vorhanden sein sollte.

Dort erstellst du einen neuen Ordner für dein Child Theme, den du zwar nennen kannst wie du magst, aber wir empfehlen dir den Ordner nach dem eigentlichen Theme mit dem Zusatz „-child“ zu benennen. Daher erstellst du nun den Ordner …

„divi-child“

Schritt 2: style.css anlegen

In dem Ordner „divi-child“ sind zwei Dateien anzulegen. Zunächst die Datei style.css in die Du folgenden Code einfügst:

In dieser style.css kannst du später spezielle CSS Anpassungen für dein Divi Theme hinzufügen, wie Schriftgrößen, Farben, Abstände etc.

Schritt 3: functions.php anlegen

Dann benötigen wir noch die functions.php Datei, die folgenden Code enthalten soll:

Diese functions.php sorgt einerseits dafür, dass alle nötigen CSS-Dateien des Divi Themes geladen werden und am Ende kannst du später weiteren PHP-Code einfügen, um bestimmte Funktionen des Divi Themes zu beeinflussen.

Bemerkungen

Falls du noch andere Anleitungen zum Erstellen von Child Themes gefunden hast, wundere dich bitte nicht, dass dort die style.css und die functions.php etwas anders aussehen. Bis vor einiger Zeit stand fast kein Code in der functions.php und dafür gab es in der style.css immer die Zeile …

Mittlerweile empfiehlt WordPress statt des CSS-Imports die WordPress style queue Funktion in der functions.php zu nutzen. Das ist der Code, den du in unserer Anleitung oben sehen kannst.

Als letzten Schritt aktivierst du dein neues Child Theme.

Weitere Informationen:

Weitere Informationen zu Child Themes findest du im WordPress Codex (engl.).

Newsletter & Child Theme

Newsletter & Child Theme

Melde Dich zu unserem Divi.world Newsletter an und wir senden dir den den vorbereiteten Divi Child Theme Ordner als Download zu.

You have Successfully Subscribed!

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen