Video-Tutorial: Ein WordPress Child-Theme erstellen

In dieser kleinen Video-Anleitung erkläre ich, wie du dir in nur ein paar Schritten ein eigenes WordPress Child-Theme erstellen kannst. Ein Child-Theme ist beson­ders prak­tisch, um indi­vi­du­elle Anpassungen an einem Theme sicher vor­zu­nehmen. Denn in einem Child-Theme sind deine Anpassungen im Stylesheet und den Template-Dateien auch bei einem spä­teren Update des Parent-Themes gespei­chert. Und damit du auch gleich mit der Erstellung deines eigenen Child-Themes los­legen kannst, habe ich im Anschluss zum Video noch ein Beispiel Child-Theme zum down­loaden vorbereitet.


Beispiel Child-Theme Ordner downloaden

Als Grundlage für die Erstellung deines eigenen Child Themes, kannst du dir diesen Beispiel Child-Theme Ordner herunterladen.

CSS-Beschreibung in der style.css Datei des Child-Themes
/*
Theme Name: DeinChildTheme
Description: Beschreibungstext...
Author: Dein Name
Author URI: http://www.deinedomain.de/
Template: parentthemeordner
Version: 1.0
Tags:
*/
Hilfreiche Artikel zum Weiterlesen

Hast du Fragen oder wei­tere Tipps zur Erstellung eines Child-Themes in WordPress? Über dein Feedback und deine Tipps freue ich mich sehr!

18 Kommentare

  1. Jonathan

    Hi Ellen,
    Infos sind super! Aber zwecks­mä­ßiger Weise emp­finde ich das Video als viel zu lang. Interessierte könnten sich beim Anschauen ver­laufen. Klare Argumente für das Child-Theming und wert­volle »How-To’s« - mehr nicht. Maximal 5 Minuten rei­chen für dieses ein­fache Thema als Video-Anleitung völlig. Wissen komprimieren!

    Lieben Gruß, Jonathan

    • Ellen

      Hallo Jonathan,

      vielen Dank für dein Feedback zum Tutorial. Da das Tutorial ja vor allem als Einsteiger-Anleitung zum Thema »Child Themes« gedacht ist, finde ich es eigent­lich recht sinn­voll nicht zu schnell die Fakten abzu­ar­beiten, son­dern sich mit der Erklärung etwas Zeit zu lassen. So können sich die Zuhörer auch etwas länger den Code anschauen und diesen dann auch wirk­lich gut verstehen.

      An der Präsentation des Tutorials will ich aber auf alle Fälle noch arbeiten, so dass die Erklärungen noch etwas flüs­siger kommen. Manchmal ist es gar nicht so ein­fach, die rich­tigen Worte zu finden, da man nor­ma­ler­weise ja eher schwei­gend vor sich hin arbeitet :-)

      Viele Grüße,
      Ellen

  2. Kirsten

    Hallo, Ellen,
    vielen Dank fürs Erklären!
    Wie ist das eigent­lich, wenn das parent-theme Unterordner hat, also nicht alle theme-Dateien auf einer Ebene liegen?
    Hast Du damit Erfahrung?

    Schöne Grüße von Kirsten

    • Ellen

      Hallo Kirsten,

      vielen Dank für deinen Kommentar. Es kommt immer ein wenig darauf an, um welche Art von Dateien es sich han­delt. Aber wenn du die Theme-Dateien im Child Theme nutzen möch­test, würde ich die Struktur des Parent Themes auf jeden Fall bei­be­halten. Das ist dann bei einer spä­teren Bearbeitung auch übersichtlicher.

      Viele Grüße,
      Ellen

  3. Dominik

    Hallo, vielen Dank für das Tutorial. Ich habe im Moment keine Frage, hänge mich ein­fach hier rein, damit ich alle künf­tigen Posts erhalte, da ich mich nächs­tens an einem Child-Theme ver­su­chen will. Liebe Grüsse, Dominik

  5. Saskia Bauer

    Danke für dieses schöne Tutorial. Ich möchte bald auch ein WordPress Blog erstellen und da werde ich dieses Video sicher­lich gebrau­chen können. Sehr schöne Arbeit!

    lG Saskia

  6. Ellen

    @Dominik, @Michel, @Saskia,

    vielen Dank für euer Feedback. Es freut mich, wenn euch das Video-Tutorial bei eurer Arbeit wei­ter­helfen kann :-)

    Viele Grüße,
    Ellen

  7. Marc

    Ich habe aktuell bemerkt beim Bearbeiten eines Childthemes, dass man die Pfade in der CSS-Datei für Bilder auch anpassen muss. Jedenfalls kann man den Code der CSS-Datei nicht ein­fach kopieren, son­dern man muss ent­weder den Bilderordner kopieren oder die rela­tiven Pfade anpassen bzw. in abso­lute Pfade umwan­deln. Und ich muss zugeben, dass ich nicht so schnell darauf gekommen bin …

  8. Alois Brinkmann

    Mich würde intres­sieren mit wel­chem Programm du dieses Video erstellt hast.
    Mit einem WordPressblog ist sich sicher­lich einiges mehr mög­lich als mit einem Posterousblog.
    schöne Grüße aus dem Emsland

  9. Harald Laier

    Trotz Anfangsschwierigkeiten hat das Anlegen und Bearbeiten des Child-Themes gut geklappt. Innerhalb von zwei Stunden hatte ich fast alle meine Vorstellungen umge­setzt. Ein Problem habe ich noch. Vielleicht kann ich es noch lösen.

    Auch das von Marc geschil­derte Problem ist bei mir auf­ge­taucht. Da ich eine Bilddatei aus­tau­schen wollte habe ich den kom­pletten Bild-Ordner in den Child-Theme-Ordner kopiert und die Bilddatei aus­ge­tauscht. Seite neu laden. Alle Symbole tauchten anschlie­ßend auf.

  10. Janina

    Hi,
    ich super Video danke das hab ich gesucht.

    Hast du viel­leicht noch einen Tipp, welche Themes sich beson­ders gut für ein Child Theme eignen? Im Prinzip bräuchte ich ein Basistheme, das schon einiges an Funktionen mit­bringt - das man dann auch super per­so­na­li­sieren kann. Gibt es sowas? Hab Whiteboard gefunden aber sooo ganz zufrieden bin ich damit noch nicht. Danke :)
    Janina

  13. Pingback: TiBStudio mit Responsive Layout und einem neuen Design › TiBStudio

  15. Pingback: Neues Theme für den Blog | jm bloggt

  16. Pingback: Timms Blogwelten mit responsive Layout HTML5 und CSS3 › Timm's Blogwelten

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*


Top