How to create a WordPress Child Theme

iphone smartphone mobile hand screen technology 873959

A Child Theme inherits the style, and functionality of another theme called Parent Theme. The main purpose of using a child theme is to customize the theme as per your need without modifying the original theme. Using a child theme helps to store customization in a separate file and folder so, even if the theme author updates the theme, it won’t affect your personalized customization.

But this doesn’t mean that you need to create a child theme even for a few tweaks on the style like – changing fonts, base colour. For this, you can use customizer based themes which won’t revert your customization even after theme update.

Another advantage of using a child theme is it also helps in developing a WordPress website quicker. As a child theme uses the parent theme’s framework, it will speed up the development process.

Creating a child theme is very easy. You can either create a child theme manually or by using a plugin. We will share both methods in this article but before that, we need a parent theme installed on our WordPress website. Hence, we have installed Gutenbiz, a Gutenberg ready multipurpose theme, as a parent theme. You can also install this amazing multipurpose WordPress Theme and follow the direction. But if you want to create a child theme for any other WordPress theme, ensure you have already installed the parent theme.

How to create a child theme in WordPress manually.

  1. Create a folder using the parent theme’s name followed by a -child suffix. Eg: Gutenbiz-child.
  2. Create a style.css file with the following information and save it in the folder.
/**
Theme Name: Gutenbiz Child
Theme URI: *Your website URL
Author: *Your Name
Author URI: *Your Url
Description: Describe your theme and its function
Template: gutenbiz
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gutenbiz-child
/ Custom CSS goes after this line
  1. While preparing a style.css file, it’s important to mention the template because it tells WordPress about the parent theme – Gutenbiz. It will show the style and functionality of the parent theme until and unless it’s overwritten by the child theme.
  2. Create another file and name it functions.php. Write the following code and save it in the same folder. You don’t need to copy the codes from functions.php of the parent theme as these codes need to be stored separately.
<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>
  1. You can add functionality as per your need to the specific page. Remember to make a duplicate file and add your code and save it in the child theme folder.
  2. Compress your folder in .zip format
  3. Now your child theme is ready. Upload it through WordPress -> Appearance -> Themes -> Add New -> Upload Theme -> Choose File -> Install Now.
Add New Child WordPress theme
Uploading Gutenbiz-child
  1. Lastly activate it to use its style and functionality.
Activate Gutenbiz-child wordpress theme

How to create a WordPress child theme using plugin.

Another method of creating a child theme is by using plugins. If you search in the repository then you will find a lot of plugins that can help you to build a child theme. But till date, most of the people use the Child Theme Configurator plugin.

You can follow the following steps to create a child theme.

Install the plugin:

  1. Go to plugins and then “Add new” to install a new plugin.
  2. Type Child Theme into the search box.
  3. You will get the Child Theme Configurator Plugin in the search result.
  4. Click the “Install Now” button to install the plugin and then finally activate it.
Installing Child Theme Configurator plugin

Generate a Child Theme

  1. After Installation, got to Tools -> Child Themes. It will display the Child Theme Configurator’s setting to create a child theme.
  2. Now select a parent theme, “Gutenbiz” and then click on the Analyze button.