0,00 USD

No products in the cart.

Saturday, February 27, 2021
0,00 USD

No products in the cart.

Sloth Has a Child (Theme): Configuring a Child Theme for Your WordPress Theme

Zip has added a theme to his new blog. But if he's going to customize it, he should add a child theme so his changes don't get overwritten. Here's how to configure a child theme using a plugin.

Home » WordPress and Blogging » Sloth Makes a Blog » Blog Basics » WordPress Design and Appearance » Sloth Has a Child (Theme): Configuring a Child Theme for Your WordPress Theme
0
(0)

Now Zip has added a theme to his WordPress website, he should consider adding a child theme. Here’s how to add a child theme in WordPress using a plugin.

What is a Child Theme?

A child theme in WordPress is a collection of files that refer to a primary (“parent”) WordPress theme but override some of its styles. At base, a child theme includes a styles.css file that contains CSS to customize styles and a functions.php file that can include various PHP snippets that affect the theme and various plugins. These files live in the /wp-content/themes/your-child-theme-name-here/ directory. You can also include subdirectories with templates to override styles in various plugins if you really want to get into customizing your child theme.

The advantage of a child theme is that if you don’t use one and customize your theme’s styles, those changes may well get overwritten when you run an update of the parent theme. This won’t happen if you create a child theme and do customizations with the child theme activated.

Do You Need a Child Theme?

I noticed a client wasn’t using a child theme. This wasn’t the problem I was addressing on here website, but I recommended it to her. “Do I really need one?” she wondered. Did she? She was using her beautiful theme straight out of the box with just about NO customizations whatsoever. As it stood, she did not need a child theme. However, I advised her to create one if she ever wanted to get into making CSS changes to her site.

I always make a child theme because I always end up wanting to mess around with something.

How to Add a Child Theme in WordPress Using Child Theme Configurator

You do not need to use a plugin to make a child theme. However, this is a beginning tutorial. I’ve found the easiest way to configure a child theme without much frustration is by using a plugin.

A number of free plugins exist in the WordPress plugin directory that will help you configure a child theme. We’re going to use a plugin called Child Theme Configurator as its the one I’ve found that works best now. If you choose a different plugin, look at its documentation, and make sure it’s not using @import. That’s not necessarily “bad,” but will lower your score a bit on website optimization scores (which we’ll look at later.)

Approximate Time Needed: 10 minutes.

How to Add a Child Theme in WordPress Using Child Theme Configurator

  1. Install and activate the Child Theme Configurator plugin.

    Search for it in plugins, install, and activate it. If you’re not sure how to install and activate a plugin, read this post.

  2. Go to the Child Theme Configurator Settings

    Once you’ve installed the plugin, you’ll find it under Tools>Child ThemesChild Theme Configurator circled

  3. Select Create a new Child Theme and Analyze

    Select CREATE a new Child theme radio button, select the Parent-Theme for which you want to configure a child theme, and then click Analyze.Analyze child theme

  4. Configure the Following Options:

    Choose a name to differentiate your child theme from the parent theme (hyphenated if its multiple words.)
    Select where to save the styles (I use the primary stylesheet.)
    Use the WordPress style queue.
    If its your first time configuring this child theme, SELECT the Copy Menus, Widgets and other Customizer Settings from the Parent Theme to the Child Theme checkbox.Full page child theme configurator

  5. (Optional) Customize the Child Theme Name, etc.

    If you click the Click to Edit Child Theme Attributes button, you’ll see fields where you can change the information in your child theme (i.e. if you want to name yourself as author.)How to Add a Child Theme in WordPress Customizing the Child Theme Name

  6. Click the Create New Child Theme button.

  7. Preview Your Child Theme

    You’ll see a link at the top of the page after your child theme is configured saying “Child Theme (Child Theme Name) has been generated successfully. IMPORTANT: Preview Your Child Theme Before Activating.

    Click the link to preview your child theme on the front end of your website. This will launch the Customizer (which we haven’t got to yet in this series.) You’ll be able to see your website. If it looks like it should, click the Activate and Publish button on the top left.How to Add a Child Theme in WordPress Previewing the theme

  8. Your Child Theme is Activated!

    Make sure to preview it on the front end of the website. If you ever need to deactivate it and switch to the parent theme, you can always do that from Appearance>Themes.

Here’s a short video showing the entire sequence, only with a different theme than in the above tutorial.

Do I need to add new CSS directly to the styles.css sheet in my child theme?

Not in my experience. If I add custom CSS to the Advanced CSS tab in the configurator, those styles are saved even with parent theme updates.

Do I need to keep Child Theme Configurator installed and active once I’ve customized the child theme?

No. After you’ve configured your child theme, deactivating or uninstalling the plugin will not disable or harm your child theme.

Onward!

Child theme installed!

Next, let’s talk about that link at thetop of Zip’s theme which implores him to install the Elementor pagebuilder.

Here's how to easily add and configure a child theme in WordPress. Click to Tweet

How many hot cups of coffee does this post or page deserve?

Click on an icon to rate it.

Average rating: 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Care to share?

We are sorry that you found this post to be like a weak cup of decaf.

Let us improve this post!

Tell us how we can improve this post?

Cheryl
Cherylhttps://www.caffeinejournal.com
Cheryl is a former Occupational Therapist and WordPress enthusiast who became a writer in some parallel universe and occasionally, but infrequently, publishes things in this one. She writes two blogs (or is it three) which she won't quit because she knows that blogs, in her case, are like a hydra and if she cuts one off two more will take its place. When she's not doing that, she enjoys hiking, cycling, kayaking (formerly fast, now ebike), messing around with Adobe illustrator, making assorted things, meditating (though she wouldn't call that "like," and reading. She normally doesn't speak about herself in the third person, but she sometimes uses "we" in the royal sense while writing this blog. She lives in Poulsbo, WA with her spouse, her youngest adult daughter, a very old mutt, and a Siamese cat.
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

You may also be interested in:

Sloth Sets up Google Site Kit

Zip has installed Google Analytics and also configured it via Google Tag Manager. Let's take a look at Google Site Kit, its advantages and disadvantages, and how to install it.

Let’s Setup Google Tag Manager

So, Zip set up GA4 for some reason. Since we're talking about analytics, let's go ahead and install Google Tag Manager and set up some pageview tags.
Share via
Liked it? Follow us on social media!
Thanks for sharing!
If you found this post worth sharing, consider following us on social media (if you don't already).
And if you have something you would like to share, consider submitting a post. Find out more here.
Send this to a friend