How to generate child theme for wordpress theme?(Two methods)

Continuing to share wordpress website builder tutorials, this tutorial shares how to generate a child theme. Although there are plugins like Code Snippets that can replace the child theme to some extent, the child theme still has its unique advantages. For example, the same code, we can add to the child theme of the functions.php file, can also be added to the Code Snippets plug-in, although the effect is the same, but a problem with the code, but the code added to the child theme of the code only need to use FTP to modify the file to delete the code can be Code Snippets plug-ins are the code into the database, the operation will be a lot of trouble. Operation will be a lot of trouble.

Let’s start sharing the method of child theme generation.

Method 1: Plugin generates sub-themes

The easiest way is to use plugin to generate wordpress child theme, you can install Child Theme Configurator this plugin, plugin can be used free of charge, directly in the wordpress website builder backstage search and install or download and install through the following link.

Child Theme Configurator：https://wordpress.org/plugins/child-theme-configurator/

Child Theme Configurator plugin is enabled, only the default settings directly select the parent theme and then generate a child theme on it, of course, you can further customize the child theme, the specific operation of their own to toss. After generating the child theme you need to go to Appearance – Theme is manually enabled.

Method 2: Manually create a child theme

If you don’t want to install the plugin, then you can also make the child theme manually, just create the following files and package them into a ZIP for installation.

1. Create a style.css file

Add the following code to Notepad or another text editor and save as [style.css].

/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

Note: In the above code, the line Template is the most important, the name after it needs to be the same as the parent theme. (Fill in the wp-content/themes folder in the folder name of the parent theme). Other lines of items according to your parent theme to fill in on it, you can also write randomly

2. Creating the functions.php file

Add the following code to Notepad or another text editor and save it as [functions.php].

<?php
/* Function to enqueue stylesheet from parent theme */
function child_enqueue__parent_scripts() {
wp_enqueue_style( 'parent', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'child_enqueue__parent_scripts');

3. Create screenshot.png child theme cover image

Just pick a png image as the child theme cover image and name it screenshot.png. This step is not mandatory, it’s okay not to do it.

After the above several files are done, you can pack them into zip files, and then manually upload and install them in wordpress website background, appearance. In addition, you can also create a new folder (name fill in the name of the sub-theme), and then put the above three files, and finally upload the whole folder to the website [wp-content/themes] directory.

Method 3: Other methods

There are also some themes that come with child themes, in which case we can directly use the official ones. If you are using Astra theme, you can also use the official online child theme generator to generate directly.

Astra child theme generator https://wpastra.com/child-theme-generator/

Summary

The above is what I have shared with you today, I hope it is useful to you. It is recommended that you prioritize the use of the theme’s official self-titled sub-themes, if not then consider generating your own.