Anleitung: WordPress Child Theme erstellen 2018

WordPress Child Theme erstellen - Tutorial Titelbild

 

In dieser Anleitung erkläre ich dir was ein Child Theme ist bzw. wofür es nützlich ist und zeige dir wie du ein Child Theme ganz einfach erstellst, ohne dabei in den Theme Dateien arbeiten zu müssen.

 

 

Was ist ein Child Theme?

 

Ein Child Theme ist eine untergeordnete Kopie deines installierten WordPress Themes (Parent Theme), welches parallel dazu installiert wird.

Somit hast du praktisch zwei gleiche Themes zur selben Zeit aktiviert. Hierbei vererbt das Parent- oder auch “Eltern”-Theme sämtliche Funktionen und das Design an das Child- oder auch “Kind” Theme.

Ein solches untergeordnetes Thema ist nützlich, um ein vorhandenes Theme anzupassen.

 

 

Wozu brauche ich ein Child Theme?

 

Grund hierfür ist, dass deine Änderungen nach einer Theme Aktualisierung nicht verloren gehen. Denn nach jedem Theme Update werden alle Theme Dateien überschrieben.

Wenn du also Anpassungen an den Theme Funktionen oder beispielsweise zusätzlichen CSS Code hinzufügen möchtest, empfehle ich dir also ein Child-Theme zu verwenden.

Natürlich kannst du dir separat aufschreiben, welche Änderungen wo vorgenommen hast und diese nach jedem Update neu eingeben.

Das ist allerdings sehr zeitaufwendig und nicht ansatzweise professionell.

 

Tipp: In meinem Website Tutorial ändern wie die footer.php direkt im „Editor“ des Parent Themes, um unseren eigenen Copyright Hinweis einzufügen. Nach dieser Anleitung kannst du den Code einfach im Child Theme einfügen. So musst du meinen Code nicht nach jedem Theme Update neu einfügen.

 

 

Wie erstelle ich ein Child Theme?

 

Im Folgenden zeige ich dir, wie du mit dem kostenlosen PlugIn “Child Theme Configurator” ganz einfach ein Child Theme erzeugen kannst.

Los geht’s!

 

1. Logge dich in das WordPress Dashboard deiner Website ein.

2. PlugIns > Installieren

3. Suche: “Child Theme Configurator

4. Klicke auf den Button: “Jetzt installieren” und anschließend auf “Aktivieren”

Das kostenlose WordPress PlugIn "Child Theme Configurator"

 

5. Gehe auf Einstellung: Werkzeuge > Kindthemen

Menü - Werkzeuge und Child Theme

 

6. Wähle das Theme aus. (In meinem Fall das kostenlose Sydney Theme)

Child Theme Configurator - Parent Theme auswählen

 

7. Belasse alle Standardeinstellungen außer unter Punkt Nummer 8 Setze einen Haken, um auch deine erstellten Widgets etc. in das Child Theme zu kopieren.

Child Theme Configurator - Einstellungen

8. Klicke auf “Configure Child Theme” um das Child Theme zu erzeugen.

9.Gehe auf die Einstellung: Design > Themes

WordPress Theme Auswahl - Child Theme

10. Nun sollte hier ein weiteres Theme erscheinen mit dem Namen deines Themes und dem Zusatz “Child”. Aktiviere dieses!

11. Fertig! Du hast ein Child Theme deines Themes erstellt und erfolgreich aktiviert.

 

Nun kannst du deine Website anschauen und solltest keinen Unterschied erkennen!

 

 

 

Wie kann ich Theme-Dateien aus dem Parent-Theme in das Child-Theme kopieren?

 

Jetzt zeige ich dir wie du Anpassungen im Child Theme vornehmen kannst und PHP Dateien aus deinem “Eltern” Theme in das Child Theme kopieren kannst.

 

1. Gehe auf die Einstellung: Design > Editor

2. Wähle oben bei “zu bearbeitendes Theme” das Child Theme aus. In meinem Fall “Sydney Child”

3. Standardmäßig sind bereits ein Stylesheet (style.css) sowie die Theme Funktionen (functions.php) vorhanden. Hier kannst du deine CSS Anpassungen bzw. deine PHP Funktionen einfügen.

 

Vorteil: Beim nächsten Theme Update bleiben alle deine Änderungen erhalten.

Editor Ansicht - vorher

 

Um nun weitere Dateien wie z.B. die footer.php und die header.php aus dem Parent Theme in das shadow2 Child Theme zu kopieren, um dort Änderungen vorzunehmen, gehst du wie folgt vor:

 

1. Gehe auf die Einstellung: Werkzeuge > Kindthema

2. Klicke auf den Reiter “Dateien

3. Wähle die Dateien aus, die du in das Child Theme kopieren möchtest. In meinem Fall die header.php und die footer.php

4. Klicke auf “Auswahl in das Kindthema kopieren

5. Fertig!

 

Child Them Configurator - Einstellungen - Dateien Reiter

 

Nun kannst du auch Änderungen an der header.php und der footer.php vornehmen, ohne dass diese beim nächsten Theme Update überschrieben wird!

 

Editor Ansicht - nachher

 

 

Erinnerung: In meinem Website Tutorial fügen wir den Code aus dem Tutorial Ordner in die footer.php des Parent Themes ein. Diesen Code kannst du nun einfach in die footer.php des Child Themes einfügen. So musst du diesen Code nicht jedes Mal nach einem Theme Update neu einfügen.

 

Übrigens kannst du das PlugIn „Child Theme Configurator“ nach der Erstellung des Child Themes wieder deaktivieren bzw. deinstallieren. Das Child Theme bleibt bestehen. 🙂

 

Ich hoffe ich konnte dir mit dieser Anleitung weiterhelfen!

Viel Spaß mit deinem neuen Child Theme!

Hat dir meine Anleitung gefallen? Dann gebe doch eine positive Bewertung 🙂

Anleitung: WordPress Child Theme erstellen 2018
4.5 (90%) 4 votes

 

Oder empfehle ihn deinen besten Freunden! 😉

 

 

Starte jetzt mit deiner eigenen WordPress Website!

Hier geht’s zur Schritt-für-Schritt Anleitung!

 

Patrick
23 Jahre, Student. In und neben meinem Studium beschäftige ich mich intensiv mit Internet Marketing, Webdesign, User Experience, Usability und Suchmaschinenoptimierung. Meine Freizeit widme ich dem Schlagzeug spielen.

4 Kommentare

  1. Andreas De Martini sagt:

    Hey Patrick,
    echt super erklärt! So einen Beitrag hätte ich vor zwei Jahren echt gut gebrauchen können 🙂 Persönlich nehme ich das Plugin „Child Themify“ her und bin seither zufrieden damit.
    Aber ja, weiter so!
    LG

  2. Hallo Patrick,
    deine Erklärungen haben mir sehr gut gefallen und somit konnte ich meine Webseite schnell erstellen. Vielen Dank. Vorher habe ich sämtliche Videos angeschaut, die mir nicht weiter geholfen haben. Nur Du. Bitte mache weiter. Bin richtig happy über meine Seite.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Diese Website verwendet Cookies. Weitere Informationen.
X