What Is a Child Theme, Should I install one, if so How?

For most users, a child theme is not needed with Kadence since Kadence has been meticulously crafted to be customizable via the WordPress Customizer. If you need to add a function or custom filter we suggest using the code snippets plugin.

There are two situations when a child theme is necessary and are really only for developers:

1. There are advanced theme changes that need to be done and are not possible via the Customizer or by adding code snippets. i.e., when you want to override certain parent theme files by copying them to the child theme and editing them.

2. To deeply customize plugins like WooCommerce, you need to override the plugin’s files and while this can be technically done using a custom plugin, the most common way is to use a child theme.

You can switch to a child theme at a later date anytime.

Customizer settings are theme-specific. When you switch to the child theme you will have to either re-apply them manually or simply import the previously exported settings when the parent theme was active. If this is not done, the theme may appear somewhat broken.

How to Install the Kadence Child Theme

  1. Download an example Kadence Child Theme from here.
  2. In your WordPress admin go to Appearance > Themes > Add New > Upload Theme. Choose kadence-child.zip from your computer and click Install Now.
  3. Click Activate.

Congratulations! You have successfully installed and activated the Kadence child theme.

Load child theme style.css file.

If you want to have the child theme enqueue your child theme style.css file you can navigate to the functions.php file of the example child theme, at the top you will see:

/**
 * Enqueue child styles.
 */
function child_enqueue_styles() {
	wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/style.css', array(), 100 );
}

// add_action( 'wp_enqueue_scripts', 'child_enqueue_styles' ); // Remove the // from the beginning of this line if you want the child theme style.css file to load on the front end of your site.

Remove the // before the add_action and your child theme style.css will be enqueued.