Créer un thème enfant

Qu’est-ce qu’un thème enfant?
Un thème enfant est un thème qui vous permet de modifier le css et rajouter d’autres fonctionnalités dans votre thème principal. Le thème principal reste intact et vous pourrez le mettre ?àjour sans casser tout votre site ! Ce thème principal est appelé thème parent.
Quelles modifications puis-je faire avec un thème enfant?
Toutes celles qui ne sont pas disponibles sur votre thème parent. Satané copyright ! Et bien maintenant, avec votre thème enfant , plus de soucis ! Vous pouvez aussi rajouter des zones de widgets, des fonctionnalités php , bref, ce que vous voulez.
Ai-je vraiment besoin de créer un thème enfant?
Cela dépend du thème que vous avez choisi. Si vous n’avez besoin de modifier que du css , la plupart des thèmes ont un option css additionnel dans l’onglet Personnalisation.
Et maintenant , comment je crée mon thème enfant?
Comme je pense que vous cr?er d’abord votre site en localhost ,je vais me baser sur cette hypoth?se d’abord. Sinon sur votre ftp , la manipulation est quasiment la m?me.
Tout d’abord , on créer un dossier du thème enfant . On va dans /wp-content /themes /. on créer notre dossier avec le nom de notre thème enfant (souvent on reprend le nom du thème parent et on ajoute child) .
Votre dossier est crée?
Bien .maintenant nous avons besoins de deux fichiers :
- style.css (celui-ci héritera des styles de votre thème enfant)
- functions.php pour appeler le th?me parent
Qu’est-ce que je met dans mes fichiers et dans quel ordre ?
Style.css
On va d’abord créer le fichier style.css. Voici le code à ajouter :
/*
Theme Name: Theme enfant themechild
Description: Theme enfant de th?me parent
Author:Marina
Author URI: https://monsite.com
Template: Thème parent
Version: 0.1.0
*/
En clair dans ce fichier , on a indiqué :
- Theme Name : le nom du théme que vous allez créer ;
- Theme URI : l’adresse où on peut le télécharger, si applicable ;
- Description : la description du thème ;
- Author : l’auteur du thème y mettre votre nom ;
- Author URI : l’adresse où l’on va retrouver des infos sur l’auteur ;
- Template : le thème parent qui va être utilisé. Il faut y mettre le nom du répertoire de celui-ci, en respectant la casse ;
- Version : si vous tenez des numéros de version, c’est par ici que cela se passe.
Attention à la casse au niveau du template et du nom du thème parent. Ne vous trompez pas entre majuscule et minuscule, ni n’ajoutez pas d’espaces avant le double point sinon vos modifications ne pourront pas être prise en compte.
Pour créer des fichiers sur votre serveur, vous pouvez soit :
- les créer sur votre ordinateur et les envoyer sur votre serveur à l’aide d’un client ftp
- les créer directement sur votre serveur à l’aide de votre client FTP puis les modifier avec un éditeur de code.
functions.php
Pour faire le lien entre le fichier style.css de votre thème enfant et le thème parent, il faut maintenant créer le fichier functions.php.On importe ainsi le style du thème parent dans votre thème enfant.
Voici le code à ajouter :
<?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' );
}
ou si votre site ne prend pas en compte votre css, (ce qui a été le cas pour ce site) vous pouvez le modifier ainsi :
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}
?>
Il ne reste qu’a sauvegardez vos fichier.
Comment j’active mon thème enfant?
Rien de plus simple. Rendez-vous dans l’administration WordPress , onglet Apparences ->Thèmes . Vous voyez apparaître votre thème enfant. N’est-ce pas génial? Il affiche un fond transparent au lieu d’une capture d’écran. Il ne vous reste plus qu’à cliquer sur le bouton Activer comme vous l’avez fait pour le thème parent
Le fond transparent me pertube? Puis-je le modifier?
Eh bien … oui ! Vous pouvez ajouter une capture dans le dossier de votre thème enfant. Pour être reconnue par le thème, la capture doit être nommée screenshot.png et mesurer 1200 x900px.