Modifier les fichiers css de son thème : la création d’un thème enfant.
Créer un thème enfant
Pourquoi?
Un thème enfant est une sorte de copie de votre thème en cours sur lequel vous appliquerez toutes les modifications nécessaires à la personnalisation de votre site WP.
Cela permet de ne pas perdre les modification lors de la mise à jour d’un thème parent.
Comment?
1. Avec le plugin Child Theme Configurator
Installer et activer le plugin
Rendez-vous sur « Outils -> Child Themes ».
2. Pour aller plus loin : créer un thème enfant manuellement :
Pour faire un thème enfant, nous avons besoin du thème d’origine que l’on qualifie de thème parent et de 2 fichiers que nous allons créer. Il faudra également créer un répertoire pour y placer les fichiers du thème enfant.
La première des choses à faire est donc de créer un dossier pour votre thème enfant dans le FTP. Il vous suffit d’aller créer le dossier du thème enfant dans /wp-content /themes /nomdevotrethemeenfant/.
Nous allons maintenant créer les deux fichiers dont nous avons besoin et que nous placerons dans le dossier de notre thème enfant :
- un fichier functions.php
- un fichier style.css
Dans le fichier functions.php, nous allons intégrer le code qui va permettre de combiner ou d’écraser le fichier style.css du parent
Code à mettre dans le fichier functions.php du thème enfant :
<?php
/**
** activation theme
**/
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
Une fois ceci fait, nous avons déjà la partie qui va nous permet d’appeler notre fichier style.css. Il ne nous reste plus qu’a créer le fichier style.css du thème enfant. Voyons ce que doit obligatoirement contenir ce fichier :
/* Theme Name: Theme enfant Description: Theme enfant de Benoit WPServeur Author: Benoit - WPserveur Author URI: https://www.wpserveur.net Template: WPServeur Version: 0.1.0 */
Theme Name : Le nom que je veux donner a mon thème enfant
!!! Ne jamais mettre d’espace avant les deux points.
Template : Le nom du thème parent en l’occurrence le nom du répertoire tel qu’il est écrit sur le FTP
Voilà, votre thème enfant est prêt !