[](https://melinweb.fr/) [](https://gitlab.com/iamelg) [](https://github.com/iamel-g) [](https://twitter.com/iamel_g)

# WordPress - Thème enfant

https://codex.wordpress.org/fr:Th%C3%A8mes_Enfant

La création d'un thème enfant est, j'ai envie de dire, primordiale pour créer un thème sur mesure à partir d'un autre, en toute sécurité <span style="font-size:1.3em;">🙃</span>.

Je pars du principe que vous avez déjà installé WordPress. Sinon, installez WordPress.

### Le thème parent

Il s'agit du thème que nous voulons modifier. Dans cet exemple, nous prendrons le thème créé par WordPress, **Twenty Seventeen**. Il sera donc notre **thème parent**.

### Le thème enfant

Nous allons maintenant passer à la création du thème enfant.

Pour ceci, il faudra vous positionner dans le dossier ```/wp-content/themes/```

Dans le dossier **themes**, vous allez créer un nouveau dossier que vous nommerez **twentyseventeen-child** (vous pouvez également l'appeler par le nom de votre site web).

#### La feuille de style :

Dans ce dossier, vous allez créer un fichier **style.css** qui comportera au minimum les lignes suivantes :

// style.css 

/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Author:       Melissa Galvan
 Author URI:   http://melinweb.fr
 Template:     twentyseventeen
 Version:      1.0.0
*/

Nous retrouvons (dans l'ordre):
* Le nom du thème
* La description du thème
* L'auteur
* Le site web de l'auteur
* Le thème parent (ou template)
* La version

C'est dans ce fichier que vous ajouterez votre style.

#### Le fichier functions.php :

Il faut cette fois, créer le fichier **functions.php** au même endroit que votre feuille de style, à la racine de votre dossier **twentyseventeen-child**. Ce fichier comportera toutes les fonctions nécessaires au fonctionnement et/ou à la configuration du site web et/ou du dashboard WordPress.

Je vous laisse y insérer ce bout de code :

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

}

Cette fonction nous fait conserver le style du thème parent et nous permet de lier notre fichier **style.css** grâce aux lignes que nous avons ajouté dans celui-ci.

### Activation

Comme tout thème, notre thème enfant doit être activé avant de pouvoir être utilisé.
Je vous invite à aller du côté de l'administration (ou dashboard) de WordPress, puis dans **Apparence** > **Thèmes**.
Normalement, vous devriez trouver un thème activable nommé **Twenty Seventeen Child**.
Activez-le et enjoy !

### Extras

#### Ajouter une cover à votre thème <span style="font-size:1.3em;">😉</span> :

A la racine de votre dossier **twentyseventeen-child**, déposez-y l'image qui servira de cover à votre thème.
Attention, celle-ci doit être au format **png** ou **jpg** et doit s'appeler **screenshot** (sceenshot.jpg ou screenshot.png).

Allez dans **Apparence** > **Thèmes** et vous devriez voir votre thème enfant avec un belle image de couv' <span style="font-size:1.3em;">🙂</span>.

###### tags: `WordPress`