| WordPress
child theme configurator

Child themes are the best way to modify WordPress themes. With a child theme, you can add custom CSS styles and keep the original theme intact in case it needs to be updated in the future.

However, child themes aren't always easy to create. In this post, you will learn how to generate them with just a few clicks, using the Child Theme Configurator plugin.

Before starting this tutorial, please keep in mind, that not every WordPress main theme may play nicely with a child theme. Always check with the parent theme developer if their template integrates with a child theme.

Let's get started.

Step #1. Install Child Theme Configurator Plugin

  • Login to your WordPress dashboard.
  • Go to Plugins > Add New.
  • Type in child into the Search box.
  • You should now see the "Child Theme Configurator" plugin appeared. Click Install Now and then click Activate.
type child > click install
 
Excellent! You just installed the "Child Theme Configurator" plugin. You are now ready to generate a child theme of your WordPress parent theme.

Step #2. Generate a Child Theme

In this step, you will generate your child theme. Following good development practice, you will have to preview, activate and publish it in the later stage.

  • Go to Tools > Child Themes. You will be presented with the "Child Theme Configurator" plugin main screen:

child theme configurator main screen

  • Under the Parent/Child tab, from the Select a Parent Theme field, select a parent theme you wish to create a child theme for.
  • Click Analyze.

At this point, the plugin will run a check to determine if it can create a child theme for the theme you've selected.

Everything being well, you should see the This theme appears OK to use a Child theme message. You will also see the Click to show/hide raw analysis data gray button and a few numbered options appeared underneath the Analyze button.

additional options appeared

  • Leave all of the options in their default settings. 
  • Click Create New Child Theme.

You should see the Child Theme Twenty Seventeen Child has been generated successfully message.

child theme has been generated message

You will also notice that a few new options appeared in the Select an options section.

new options

  • To ensure that your newly generated theme won't break your site, click Preview your child theme link.

preview your child theme

  • You will be presented with the preview of your child theme and the Activate & Publish button. If you are happy with everything you see, click Activate & Publish:

preview with activate and publish button

You will see that the Activate & Publish button has changed to Published. Job done! You just successfully generated, previewed, activated and published your own WordPress child theme!

Now is a good time to backup it.

  • Under the Parent/Child tab, click the Click here to save a backup of the selected theme link and save its ZIP file on your desktop.

backup your child theme

Well done! You are now ready to start creating your own custom styles without touching your main theme.


About the author

Valentín creates beautiful designs from amongst the tequila plants of Jalisco, Mexico. You can see Valentín's design work all over this site and you can often find him helping members in support.