06.png
24 juil. 2021

Comment créer un thème enfant WordPress ?

Créer un dossier dans le répertoire themes

Dans votre FTP, créez un dossier pour votre thème enfant.

Il vous suffit d’aller créer le dossier du thème enfant dans :

/wp-content/themes/nomdevotrethemeenfant/

Créer un fichier functions.php et style.css

Une fois votre dossier créer, vous pouvez créer les deux fichiers dont vous aurez besoin. Vous placerez ces fichiers dans le dossier de notre thème enfant :

  1. Un fichier functions.php
  2. Un fichier style.css

Fichier functions.php

Dans le fichier functions.php, copiez puis collez le code ci-dessous. Il va permettre de combiner ou d’écraser le fichier style.css du parent. Vous pourrez alors définir votre propre css.

Voici **le 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' );

}

Fichier style.css

Maintenant que votre fichier style.css est appelé, il faut lui ajouter du contenu.

Votre fichier doit absolument contenir les lignes suivantes.

/*
Theme Name: Theme enfant
Description: Theme enfant de GeneratePress
Author: Julie B
Author URI: https://julie.marketing/
Template: generatepress 
Version: 0.1.0
*/

Voici à quoi correspond les lignes du fichier style.css :

  • Theme Name : Le nom que vous souhaitez donner a votre thème enfant
  • Description : La description de votre thème enfant telle qu'elle apparaîtra dans le gestionnaire de thème WordPress
  • Author : L’auteur du thème enfant - vous
  • Author URI : L'url du site de l’auteur
  • Template : Le nom du thème parent. Il s'agit du nom du répertoire tel qu’il est écrit sur le FTP
  • Version : La version de votre thème enfant

Il est possible d'ajouter un fichier screenshot.jpg (600×450 px conseillé) pour afficher la miniature du thème enfant dans le gestionnaire de thèmes. Pour cela, nommez le fichier exactement screenshot.jpg puis ajoutez-le à l'intérieur du dossier de votre thème enfant (au même niveau que vos fichiers functions.php et style.css).

Dimensions : 1200 × 900 px Dossier : /wp-content/themes/nomdevotrethemeenfant/ICI Nom : screenshot.jpg

Votre thème enfant est prêt ! Rendez-vous dans l'interface d'administration WordPress pour activer votre thème.