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.
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:
- 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.
- 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.
You will also notice that a few new options appeared in the Select an options section.
- To ensure that your newly generated theme won't break your site, click Preview your child theme link.
- 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:
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.
Well done! You are now ready to start creating your own custom styles without touching your main theme.