FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →

Categories

Documentation

Theme Documentation



Plugin Documentation



Resources

How to Create a Child Theme for a WPZOOM Theme

Child Themes are used when you want to make changes to a theme without actually changing the code or the files in your original theme. This lets you update your original theme (which is the engine behind the child theme) without losing any changes you made to your site.

If you want to make just some small changes, like adding custom CSS code, we recommend adding it in the Customizer > Additional CSS. View instructions.

Custom functions can also be added without creating a Child Theme using My Custom Functions or Pluginception plugins.

Even though using Child Themes is a recommended method to modify theme files, it’s your responsibility to keep it up-to-date and synced with the parent theme. A major update of the parent theme can easily break your website if you didn’t test your Child Theme against the new version on a local or staging environment before the update. You can easily create a localhost environment on your computer using DevKinsta.

Why use a Child Theme?

One of the most important reasons for using Child Theme is that you’ll be able to update your theme in the future without worrying that you’ll lose any of the modifications made in theme files.

Using a Child Theme, you can safely modify your parent theme as you want: edit header.php or footer.php files, add custom functions in the functions.php file, or add new theme files or page templates that will override existing ones from the parent theme.

If you are making extensive customizations – beyond styles and a few theme files – we highly recommend not updating your parent theme anymore, as this can easily break your website if you don’t sync your Child Theme with the parent theme.


Create a Child Theme using the 1-Click Installer

All of our themes now include a 1-Click Child Theme installer, so if you’re using the latest version of the ZOOM Framework, you will find this option under Theme Options > Child Theme.

If this option is not available to you, you’ll probably have to download a new copy of the theme and re-install it. Or you can use the alternative method described below.


Create a Child Theme Using Child Theme Configurator Plugin (old method)

There are a number of plugins out there these days that will help you create a child theme. We’ve found the Child Theme Configurator plugin to work well.

How to Create a Child Theme?

1. Install the Child Theme Configurator plugin and activate it.

2. Go to ToolsChild Themes menu and select the option to Create a New Child Theme.

3. Select the parent theme for which you want to create a Child Theme and click the Analyze button

4. IMPORTANT: Scroll to the 6th step, “Select Parent Theme stylesheet handling,” and choose the second option: Use @import in the child theme stylesheet.

5. Scroll down to step #8, and check that option. This is useful if you already made some configurations in your current theme (widgets, menus, changes in Customizer, etc.) and you want to have these settings applied to the Child theme too.

6. Click on the Create New Child Theme button.

7. Now, you can go back to the Themes pages and activate your new child theme.


How to copy files from the Parent theme to the Child theme

Changing functions or theme files from the parent theme is easy using child themes.

Using the Child Theme Configurator plugin, you can easily copy files you want to modify from your parent to child theme. You can do that from the Files tab on the Child Themes page:

Once the files have been copied into the Child Theme, go to AppearanceEditor to edit them as you want.

You can also create new files in your Child Theme using the WPIDE plugin.

⛔️ THEME LOOKS BROKEN AFTER ACTIVATING THE CHILD THEME?

If your theme looks broken after activating the new Child Theme, please add the following code in the “functions.php” file of your Child Theme:

The file can be edited from page Appearance > Editor.

More information about Child Themes can be found here:

How to Create a WordPress Child Theme
5 Excellent Uses for a Child Theme
WordPress Codex: Child Themes

Last updated on March 1, 2024

Related Docs