Créer un thème enfant dans WordPress

Si vous modifiez un thème directement à partir de l’éditeur de WordPress, vous vous exposez à des problèmes de maintenance. En effet, quand vous ferez une mise à jour de ce thème, vous perdrez toutes vos modifications. Mais si vous ne faites pas de mise à jour, vous aurez d’autres problèmes – de sécurité ou de compatibilité avec les versions suivantes de WordPress par exemple.

Le thème enfant répond à cette problématique.
Créer un thème enfant permet de pouvoir modifier un thème existant pour l’adapter à vos besoins.

Un thème Pour créer un thème enfant dans WordPress, il faut :

– Créer un nouveau dossier dans wp-content/themes qui portera le nom de votre thème. Si vous ne savez pas comment le nommer, essayez de mettre le nom du thème à l’origine du vôtre – le thème « Parent », suivi de -child, ou -enfant.

– Y ajouter votre feuille de style, style.css. En voici un exemple d’entête :

[pastacode lang= »css » message= » » highlight= » » provider= »manual »]

/*
 Theme Name:   Twenty Fifteen Enfant
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Theme Twenty Fifteen Enfant
 Author:       Alain Connu
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-enfant
*/

[/pastacode]

Adaptez le à votre besoin. Conservez la syntaxe. La ligne Template correspond au répertoire du thème parent.

– Enfin, ajouter un fichier functions.php qui s’assurera que le code css de votre thème enfant sera appliqué après celui du parent (donc pris en compte). Voilà son contenu pour le cas où le thème parent ne contient qu’une seule feuille de style :

[pastacode lang= »php » message= » » highlight= » » provider= »manual »]

<?php // Balise d'ouverture PHP - il ne doit rien avoir avant cela même pas un espace
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

[/pastacode]
Si votre thème parent est plus complexe, dupliquez les lignes « wp_enqueue_style ».
Allez voir la liste des thèmes de votre blog : votre site enfant doit y apparaître.
Appliquez le. Aucun changement ? C’est que tout va bien.
Votre thème enfant est prêt à recevoir vos modifications.

(Source : http://codex.wordpress.org/fr:Thèmes_Enfant)

Share
Pour marque-pages : Permaliens.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *