Creation of WordPress Child Theme

Creation of WordPress Child Theme

Do you think when you customizing the theme of WordPress is a risky option? So, here comes the difference and reflection of doing changes in child theme parents’ theme. Whatever you do in child theme it doesn’t affect your parent theme at any cause. Why? It's because the changes and customization you do in your child theme are placed separately in the folder where the parent theme can’t get any idea from the child. theme.

Let you know first!

What is a child theme and why it is needed?

You might be working on themes often. Whatever you do in these themes is the reflection and so-called child theme. Here, you can compare the activity of child theme and parent theme.

The changes you do in the child theme won’t be affecting the parent theme. But the changes you do in the parent theme will be reflected easily in the child theme. If you want to process theme modification one of the best methods is to use a child theme.

When you run the update in the parent theme, all those changes will remain the same and you don’t have a chance to delete the changes. Whereas in a child theme, the changes won’t remain the same it gets deleted for sure.

How to set up the child theme in WordPress?

Use the plugin or manual process to update the WordPress child theme. Cross-check whether the parent theme is present in the “appearance” option on the “theme page”.

Let’s start the manual process!

Step 1: Just create a folder and name it using the word “Rose-child”. It’s not compulsory to name it as a child just for your reference.

Step 2: Now do file creation and please name the file as “style.css”.

Step 3: Open the file you created now and then add all the information into the file:

Code:
/*
Theme Name: Child Theme Name
Theme URI: http://www.example.com/
Description: Add a few lines about the child theme
Author: Your Name
Author URI: http://www.example.com
Template: Parent Theme Directory Name (lotus in this case)
Version: 1.0.0
@importurl("../lotus/style.css");
*/
This will import the parent theme of the stylesheet. Name the directory as “rose”. These processes are working stand against for template. Here, you can find the difference between Rose and rose where it may highlight the information as a broken theme.

Apart from this, you can make changes to any work. After completing all these processes, the go-to option is “appearance” and then “themes”. Do check the presence of the child theme. If the child theme is created then inheriting parent theme design is successful.

Method 2: Here, we will be using a plugin for WordPress child theme creation

Usually, a manual process takes more time than a plugin. There are a greater number of plugins available in the market. Install it to make your work easy.

No need to pay for this plugin it's completely free to use.

Step 1: Download the plugin “Child theme configurator”. Go to your website and then go to the dashboard.

Step 2: Now, go to plugin and then tap on the option “Add new”. Tap on the upload button to upload the downloaded plugin.

Start activating it once if you upload the plugin.

Step 3: Check the child theme is activated or not. You confirm by moving into the section “Tool” and then tapping on the child theme.

Step 4: Tap on the button “Analyse” and listen to the instruction from the plugin for further process.

Step 5: Now, select the option “Create new child theme”.

What else you can do with the remaining template files for making changes?

If you want to add custom functions in your child theme, kindly write all those functions. To create a layout or structure in your child's theme do create it in the parent theme.

By now, you have created Rose Theme in your child theme. Locate the single page easily by rose/template-parts/content-single.php

Step 1: In the folder of a child theme, start creating the content-single.php. Be cautious in describing the structure and name. It remains the same in child theme and parent theme only so, it is easy to overwrite.

Step 2: Start creating a new folder and add this file to it. Check the path before starting any process. It should be the same as in the parent theme.

Step 3: Add the code into content-single.php so that it would be overwritten in the parent theme.

That’s it! You have created a child theme with all the qualifications of parent theme implementation.
Author
kumkumsharma
Views
1,751
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from kumkumsharma

Top