You have just created your WordPress website, you chose your theme? Perfect! Let us move on to the next step: creation of the theme child!

Child theme, what is it?

It’s simple, child theme is a mirror theme of your current theme (parent theme) which is going to allow you to make style modifications on your website in complete safety. Indeed, if you modify directly the style in your parent theme, you risk to lose your modifications since an update of the theme will be realized :-O

It looks difficult to realize? Not at all! To create a child theme, it’s very easy and it takes only a few minutes.

You have just to follow some simple and fast steps. I explain you everything!

Steps to follow to create your child theme

1- Login to your FTP

FTP, if this term is unknown for you, means File Transfer Protocol. The FTP allows to show, to edit, to modify all the source files of your website. You can also download files of your computer towards the website server.

To manage and administer your FTP, you’ll have to download a Client FTP such as FileZilla.

Once FileZilla was installed, you’ll have to complete the name of the host, the user and the password to reach the files of your website. You’ll find these informations on the personal space of your hosting account. According to the chosen hosting, these informations can be situated in different places but you’ll normally find them in Advanced -> FTP.

2- Create a file for your child theme

  • Go to the folder “themes” -> www/wp-content/themes
  • Once the folder opened, you’ll see a folder with the name of your theme (in the example, it’s Divi)
  • Create a folder wit the the name of your theme and add “-child” at the end

FileZilla création du dossier thème enfant

3- Create the file style.css

  • In the folder which you have just created, add a file fichier that you’ll name “style.css”
  • Make a right click on the file and click on “Show / edit”
  • Copy / paste the elements below
/* Theme Name: Divi child Description: Child theme of Divi Author: Adeline Siksik Author URI: https://www.adeline-siksik.com Template: Divi Version: 0.1.0 */
  • Warning, it’s not over. You have to customize your file as follows:
    • Theme Name : Indicate the name you want to give to your child theme
    • Description : Describe your child them
    • Author : Indicate your name
    • Author URI : This information is optional. You can place here the link of your professional or personal website if you have one
    • Template : Indicate the name of the parent theme exactly in the same way as it’s indicated in the themes folder of your FTP. Be careful to respect the breakage (in the example, indicate “Divi” and not “divi”)
    • Version : It’s the version of your theme
  • Save the modifications once the file completed

4- Create the file functions.php

  • Still in the folder of the child theme, add a file that you’ll call “functions.php”
  • Make a right click on the file and click on “Show / edit”
  • Copy / paste the elements below
<?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' ); }
  • Save the modifications

5- Activate your theme

  • Go to your WordPress dashboard
  • In the menu, go to Apparences -> Themes
  • You’ll see your child theme
  • On the theme child hover, click on “Activate” to activate your theme child

Activation wordpress child theme

Your child theme is now active! Congratulations 🙂

You’ll can make CSS modifications directly in the file style.css in the FTP or in the WordPress editor in the menu Apparences -> Editor.