Créer un thème Enfant (Child Theme) 5 minutes:

C’est très simple et ca se fait en 3 étapes:

  1. Créer un dossier pour votre thème enfant dans le répertoire /wp-content/themes/
    1. Parent: /wp-content/themes/divi/ (exemple) -> Existe déjà
    2. Enfant: /wp-content/themes/divi-enfant/ -> A créer
  2. Créer une feuille de style: style.css
  3. Créer un fichier functions.php

Explications en vidéo:

1. Créer un dossier

La partie la plus simple 🙂 Il suffit de rajouter un dossier dans le répertoire de vos thèmes (/wp-content/themes/).

Idéalement, ce dossier aura le nom de votre thème enfant.
Par exemple : /wp-content/themes/divi-enfant

 

2. La feuille de Style: style.css

Contenu:

/* Theme Name:Divi-child 
Description: Description de mon thème enfant 
Author: Julien WMT
Author URI: https://webmarketingtuto.com 
Template: Divi 
Version: 1.0 */

Le plus important est de remplacer les parties en rouge, le reste peut être fait mais est moins important.

=> Le nom de votre thème (Divi-child), et le nom du thème parent (template).

Theme Name: Le nom de votre thème enfant.
Description: La description qui apparaîtra dans le gestionnaire de thème WordPress.
Author: Le nom de l’auteur du thème.
Author URI: L’url du site du créateur/auteur.
Template: Le nom du repertoire du thème parent (tel qu’il est écrit! 😉 ) (exemple Divi)

3. Ajouter des fonctions à votre thème: functions.php

Les fonctions que vous ajoutez à votre thème enfant seront chargées avant celle du thème parent. Le fonctionnement ici est que toutes les fonctions du thème parent sont quand même chargées, mais vous ne risquez pas “d’abimer” le fichier (ou de les foutre en l’air;) en ajoutant les votre

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
} ?>

Comment ajouter une image pour votre thème enfant ?

Il suffit d’ajouter un fichier screenshot.jpg (600×450 px conseillé) dans le dossier de votre thème.

Comment utiliser ces fichiers nouvellement créés pour modifier votre thème ?

Maintenant, au lieu de faire vos modifications dans le fichier style.css du thème d’origine (par exemple Divi, Avada ou Enfold), vous pouvez faire les modifications directement dans votre thème enfant ! =)

A priori ce n’est pas nécessaires avec des thèmes comme Divi, car ils permettent directement de faire les modifications dans les options du thème (dans WordPress directement). Et c’est bien plus simple! 🙂

Cependant, si vous devez effectuer beaucoup de modifications, alors il peut être intéressant d’utiliser le fichier style.css de votre thème enfant.

Exemple de modifs:

  • Changer la taille du header.
  • Appliquer des effets CSS sur les box
  • Modifier la couleur du menu
  • <Autres modifs utiles dans DIVI>

(ajouter des screenshots des modifs possibles)

 

Soyez tenu au courant de la réouverture avant tout le monde!

Inscrivez-vous à notre PREMS ALERTE. Vous recevrez un email 24H avant tout le monde pour vous prévenir de la réouverture des inscriptions avec une réduction de 25% sur le prix de la formation !

Vous êtes bien inscrits à la PREM's Alerte ! =)

Share This