child-theme

Etape 1 – Créer le répertoire du thème enfant

Se connecter au serveur à l’aide d’un client FTP

Créer un dossier sous wp-content/themes/monthemeenfant

Etape 2 – Créer une feuille de style “enfant”

Ouvrir Sublime

Créer un fichier style.css

Intégrer le code suivant :

/*
Theme Name: twentysixteen-child
Description: Description de mon thème enfant
Author: Matthieu
Author URI: http://localhost
Template: twentysixteen
Version: 0.1
*/

Enregistrer le fichier en le nommant style.css

Etape 3 – Créer une page functions.php

Ouvrir Sublime

Créer un fichier functions.php

Intégrer le code suivant :

<?php
/** Activation du thème **/
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles(){
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

Enregistrer le fichier en le nommant functions.php

Etape 4 – Votre thème enfant a été créé (ou en partie) !

Etape 5

Vous avez dorénavant un fichier functions.php et style.css

Votre thème enfant utilise toujours le fichier style.css du thème parent

Il faut donc ajouter le code suivant dans functions.php :

<?php
function my_theme_enqueue_styles() {

$parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>