---
title: "Ein WordPress Child-Theme anlegen – so geht’s richtig"
author: "Ellen Bauer"
date: 2015-04-30
lang: de
source: https://elmastudio.de/ein-wordpress-child-theme-anlegen-so-gehts-richtig/
---

# Ein WordPress Child-Theme anlegen – so geht’s richtig

Bisher war es üblich, das Stylesheet (style.css) des Eltern-Themes über den *@import-Befehl* im Stylesheet des Child-Themes einzubinden. Inzwischen ist das aber nicht mehr die beste Methode, sondern die style.css Datei des Eltern-Themes soll nach der Empfehlung vom WordPress Codex über die *functions.php* im Child-Theme eingebunden werden. Ich werde kurz erklären, wie das funktioniert.

## Die functions.php Datei erstellen

Du benötigst also nicht mehr nur eine *style.css* Datei und dein *screenshot.png* Child-Theme Vorschaubild, um mit der Erstellung eines Child-Themes loslegen zu können. Stattdessen musst du in deinem Text-Editor (Notepad++, Coda2, Sublime Text o.ä.) eine *functions.php* Datei anlegen. In dieser Datei solltest du folgenden Code eintragen, um die *style.css* Datei des Eltern-Themes einzubinden:

```
<?php
/**
 * Theme Name child theme functions and definitions
 */

/*—————————————————————————————————————————*/
/* Include the parent theme style.css
/*—————————————————————————————————————————*/

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
```

Jetzt benötigst du noch die *style.css* Datei, um deine eigenen CSS-Anpassungen oder neue CSS-Styles in dein Child-Theme einzubinden. Die *style.css* Datei sollte so beginnen:

```
/*
 Theme Name: Theme Name Child
 Theme URI:
 Description: Theme Name Child Theme
 Author: Your Name
 Author URI: http://www.yourdomain.com/
 Template: yourparentthemetextdomain
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Theme Name Child Theme
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */
```

## Hinweis zu den Elmastudio Child-Themes:

Wie haben übrigens auch all unsere Elmastudio Beispiel Child-Theme Ordner mit der neuen Methode upgedatet. Wenn du bereits ein Child-Theme angelegt hast, kannst du dein Child-Theme eigentlich recht einfach updaten.

Dazu musst du lediglich den oben beschriebenen Code in die *functions.php* einbinden, wenn du schon eine *functions.php* Datei in deinem Child-Theme hast. Wenn nicht, musst du erst eine neue *functions.php* Datei anlegen, am einfachsten kannst du dafür unsere *functions.php* Datei-Vorlage nutzen.

Diesen Code-Schnipsel zu Beginn deiner Child-Theme style.css Datei kannst du dann löschen:

```
/* This will import the stylesheet from the Theme Name parent theme */
@import url('../yourthemename/style.css');
```

### Dein Feedback und deine Fragen

Hast du weitere Tipps zum Thema Child-Theme oder offene Fragen? Dann schreib doch einfach einen Kommentar zum Artikel, wir freuen uns schon auf deine Nachricht!

Weitere hilfreiche Links zum Thema:

- [Child Theme-Info](https://codex.wordpress.org/Child_Themes) auf der WordPress.org-Webseite