WordPress.org

Plugin Directory

Child Theme Configurator

Create a child theme that follows WP best practice to enqueue stylesheets. Easy to use CSS editor lets you find, preview and customize any style.

  1. To install from the Plugins repository:

    • In the WordPress Admin, go to "Plugins > Add New."
    • Type "child theme" in the "Search" box and click "Search Plugins."
    • Locate "Child Theme Configurator" in the list and click "Install Now."
  2. To install manually:

  3. In the WordPress Admin, go to "Plugins > Installed Plugins." Locate "Child Theme Configurator" in the list and click "Activate."

  4. Navigate to Tools > Child Themes (multisite users go to Network Admin > Themes > Child Themes).

10 Easy Steps to Create a Child Theme

  1. Select the theme you want to configure from the "Parent Theme" menu.

  2. Select "new" or "existing".

  3. Optional: Enter a Name, Theme Website, Author, Author Website, Description, Tags and Version for the child theme.

  4. Optional: Copy Parent Theme Menus, Widgets and other Options. NOTE: This will overwrite any child theme options you may have already set.

  5. Choose stylesheet handling:

    • None (handled by theme) Select this option if all stylesheets are correctly enqueued for child themes. If you find that styles are not being applied correctly, use a different option.
    • Enqueue parent stylesheet (default) Select this option if the theme enqueues the active stylesheet but has no special handling for child themes. Start with this option if unsure.
    • Enqueue child stylesheet Select this option if the theme enqueues the parent theme stylesheet but does not enqueue the child theme stylesheet at all. This can happen if get_template() or get_template_directory_uri() is used to link the stylesheet.
    • Enqueue both parent and child stylesheets Select this option if stylesheet link tags are hard-coded into the header template (common in older themes). This enables the child theme stylesheet to override the parent theme stylesheet without using @import.
    • @import parent stylesheet This option imports the parent theme stylesheet from the child theme stylesheet. This enables the child theme stylesheet to override the parent theme stylesheet, but using @import is no longer recommended.
    • See our website for more information about which option to use
  6. Optional: Save Backup

  7. Optional: Reset/Restore from backup.

  8. Optional: Choose additional stylesheets. Stylesheets that are currently used by the parent theme are automatically selected.

  9. Click "Generate/Rebuild Child Theme Files."

  10. IMPORTANT: Always test child themes with Live Preview (theme customizer) before activating!

Requires: 3.9 or higher
Compatible up to: 4.2.2
Last Updated: 2015-4-24
Active Installs: 30,000+

Ratings

4.9 out of 5 stars

Support

9 of 9 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1
100,2,2
0,1,0 100,1,1
100,1,1 100,1,1 100,1,1 100,1,1 100,1,1
100,1,1 100,3,3 100,1,1
100,1,1