MEMORIAL DAY SALE: Get 50% Off On Our Annual Plan! Use Code "MEMORIAL" At Checkout

DOWNLOAD ALL NOW!

Owning a website becoming expensive?

No more! In our library, you will find the best premium WordPress plugins and themes for a fraction of the cost of the original prices. Browse Our Library

How To Create a WordPress Child Theme Without Coding

How To Create a WordPress Child Theme Without Coding

In this tutorial, we are going to show you how to create a WordPress child theme and why you should.

When designing a WordPress website, you probably ran into tutorials asking you to add snippets to your website. Whether it’s CSS or functions, it’s better (or must) to do it in a child theme.

That’s raising up the question, why? what is a child theme? so let’s break it down.

What is a Child Theme

A WordPress child theme is a small version of the parent theme, sits on top of it, and inherits the design and functionality of the parent theme.

When both themes, the parent and the child themes, are activated on your website, WordPress will prioritize the child-theme files first and will overwrite the parent theme.

For example, let’s say that your parent theme has a style.css file with body {background: white;}. If the child theme style.css file has body {background: blue;}, it will overwrite the parent theme style and will paint the body tag with a blue background color.

Why Creating a Child Theme

We need to create a WordPress child theme if we want to add or modify the stylesheet or add extra functions to our website.

Alternatively, you can also create a custom plugin for using functions. Read our article on how to create a site-specific custom plugin.

Let’s take the background color of the body tag for example once again. If you want to change the background color to blue, you can modify the style.css file of the parent theme and change it there. However, if there will be an available update to the parent theme, and you’ll update it, your changes will get lost and will be overwritten by the more updated version.

If you do have a child theme installed, however, the changes you created there won’t be overwritten by the new update.

Creating a WordPress child theme is a quick and easy process that I highly recommend you to do. Down below we will show you two ways on how to create it. Choose the way that suits you most.

Create a Child Theme Online

In this method, we will use an online generator website to create our child theme. This is a good way to make one without installing any plugin on our website.

Step #1: Navigate to https://childtheme-generator.com/

Step #2: Click on the ‘Create a WordPress Child Theme now’

Create a WordPress child theme online

Step #3: Fill the fields

In the ‘Parent Theme’ field, start typing the name of your parent theme. When typing, the website will load some options for you that relevant to what you’re typing in. You then be able to choose the parent theme name from the available options.

Select parent theme from drop down menu

If you don’t know what’s your parent theme name is, log in to your WordPress website and from your dashboard, navigate to Appearance -> Themes. The activated theme (the one on the top left) is your parent theme.

The slug of the parent theme will be auto-generated based on the parent theme you chose.

In the Name of your Child Theme field, just type your parent theme name with a dashing child added in the end. For example oceanwp-child.
The slug of your Child Theme will be auto-generated and match the name of your child theme.

The Author’s email address and the Author’s name are just extra details that will be added to the style.css file of the child theme. It doesn’t really matter what you’re entering there.

When done, click on the Create your child theme now button.

Fill the fields and click on create your child theme now

On the next screen, click and Download the child theme to your computer (it’s a zip file).

download the child theme

Step #4: Upload your new child

After downloading our freshly made child theme, we will need to upload it to our website.

To do that, log in to your WordPress dashboard and navigate to Appearance -> Themes and click on the Add new button at the top.

Add the new child theme

On the next screen click on the Upload theme button and then Choose File. Choose the zip file that you’ve just created and click Install Now. After the installation, click on activate to start using the child theme.

Install the child theme

After activating the child theme, visit your website and see that nothing actually changed (it’s a good thing). From now on, any changes that need to apply to your website, whether it’s design-wise or codes, need to be applied to the child theme.

Additional online child theme generators

Create a Child Theme With a Plugin

In this method, we will create our child theme with a WordPress plugin.

Step #1: Install the Child Themify plugin

From your WordPress dashboard, navigate to Plugins -> Add new, search, install and activate the Child Themify plugin.

Install Child themify

Step #2: create the child theme

After installing the Child Themify plugin, a new option was added to your Appearance menu. Click on Create Child Theme.

On this screen, choose your parent theme from the drop-down menu and enter a child theme name, like your parent theme plus dash child added to the end. For example, oceanwp-child.

Click on the Create Child Theme button.

Create wordpress child theme with child themify plugin

After clicking the Create Child Theme button, you’ll get a message notifying you that the child theme was created successfully. You can click on the Go check it out button or navigate to Appearance -> Themes.

On the Themes screen, you’ll see the new child theme that you’ve just created. Hover your mouse on it and click activate.

Activate the new child theme

After activating the child theme, visit your website and see that nothing actually changed (it’s a good thing). From now on, any changes that need to apply to your website, whether it’s design-wise or codes, need to be applied in the child theme.

Conclusion

In this article, you learned how important child themes are, why we need them, and how to create them.

Leave us a comment and let us know which one of the methods you used. In addition, if you had any difficulties in creating it, let us know which theme you’re using and we will create it for you.

Also, make sure to subscribe to our YouTube channel and like our page on Facebook.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

PluginsForWP

PluginsForWP is a website specializing in redistributing WordPress plugins and themes with a variety of knowledge about WordPress, internet marketing, and blogging.

This Post Has 2 Comments

Leave a Reply