• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WPArena

WPArena

WPArena is a premium online resource site of WordPress and is focused on providing excellent WordPress Tutorials, Guides, Tips, and Collections.

  • News
    • Opinion
  • Tutorials
  • Reviews
    • Themes
    • Plugins
  • Comparisons
  • Collections
    • Education Themes
    • Genesis Child Themes
    • Best Responsive Themes
    • Medical WordPress Themes
    • Finance & Business Themes
    • Crowdfunding Themes
  • Resources
    • Inspiration
  • Services
WPArena » Tutorials
Tutorials

How to Create a Child Theme in WordPress

Avatar of Noor Mustafa Raza Noor Mustafa Raza Updated: June 23, 2017

create a child theme in WordPress
FacebookTweetPinLinkedInEmailPrint

The best way to tweak a theme and modify it is to a create a WordPress child theme. Child Themes are super easy to create and it doesn’t interfere with the theme updates. If you can find an existing theme or theme framework that you like, and you just want to use your CSS and HTML skills, you can create a child theme. A child theme uses the parent theme as a starting point and, without changing the theme framework itself, alters just the bits you want to alter. There are some themes, named theme frameworks, that were created specifically with the idea that you would come along and make child themes for them.

Let’s take a quick look at how to make a child theme.

create a child theme in WordPress

Creating the new theme directory

Since it comes bundled, let’s make a child theme of Twenty Seventeen and call it Twenty Seventeen Child. Create a new folder in wp-content/themes/, and name it twentyseventeen-child.

Creating the stylesheet

The only file you need to start within this directory is the stylesheet. The stylesheet needs the usual header, plus a new line:

/*
Theme Name: Twenty Seventeen Child
Description: A Child Theme of Twenty Seventeen
Version: 1.0
Author: Jazib
Author URI: https://wparena.com/
Template: twentyseventeen
*/

The key line in the above code is Template: twentyseventeen. This tells WordPress that your new theme is a child theme of “twentyseventeen”, the directory name of the twentyseventeen theme. To make your child theme start out with the CSS from the parent theme,
add this code below the comment:

@import url(../twentyten/style.css);

Using your child theme

That’s it! Your new theme now shows up in the Appearance >> Themes page.

WordPress-Arena
You have a child theme. It will use all of the Twenty Seventeen styles, template files, functions and everything else. If you activate it, it will present your site as if you were using Twenty Seventeen.
If you want to change anything, do so in your “twentyseventeen-child” theme folder. You will override the Twenty Seventeen original template file if you create a template file (for example, single.php, index.php, archive.php, and so on). The functions.php file works a little differently, however. If you create a functions.php file, it will be in addition to the Twenty Ten original functions.php file; it will not override. If you want to override a specific function in the Twenty Ten functions.php file, just create a function with the same name; your new one will take precedence.

In the future, you can update Twenty Seventeen when it has updates available without worrying about overwriting the changes you made to the Twenty Seventeen Child theme.

Note: The WordPress codex has a page devoted to learning about child themes. There’s also a page with a list of popular theme frameworks. Of course, you can always do a search on the web for both free and paid theme frameworks, Here we compiled the best Theme FrameWorks list below.

Incredible Theme Frameworks for WordPress

The following WP frameworks and pseudo-frameworks range from the gorgeous to the, well, plain, but all provide strong starting points for WP theme design, saving you time.

  1.  Thesis Theme Framework

2.  The Genesis Framework

  1. Thematic, A WordPress Theme Framework

Best Child Themes

1. Lifestyle Pro Child Theme for Genesis Framework

by StudioPress

Lifestyle Child Theme for Genesis Framework

The Lifestyle child theme for the Genesis Framework is a magazine-style theme that will provide a high-end look for your magazine-style content. When you’ve got lots of content and you need a magazine-style format to show it off, Lifestyle is the theme for you. It is sleek, up-to-date, and always cutting-edge… just like your content.

2. Enterprise Child Theme for Genesis Framework

by StudioPress

Enterprise Child Theme

The Enterprise child theme for the Genesis Framework is a corporate-style theme that will provide a high-end look for your business website. When you’ve got lots of content and you need a professional way to show it off, Enterprise is the theme for you. Use it to showcase your company, services and what you can offer.

3. Expose Child Theme for Genesis Framework

by StudioPress

Expose Child Theme

The Expose child theme for the Genesis Framework is a portfolio/photo style theme that will provide a high-end look for your work. When you’ve got lots of photos or things you would like to showcase and you need a professional way to show it off, Expose is the theme for you.

4. Sleek Child Theme for Genesis Framework

Sleek Child Theme

The Sleek child theme for the Genesis Framework is a tech-style theme that will provide a high-end look for your business website. When you’ve got lots of content and you need a professional way to show it off, Sleek is the theme for you. Use it to publish the latest news on technology and gadgets!

5. Going Green Child Theme for Genesis Framework

Going Green Child Theme

The Going Green child theme for the Genesis Framework is an eco-style theme that will provide a gorgeous look for your blog or “green” website. When you’ve got lots of content and you need a creative way to show it off, Going Green is the theme for you.

6. AgentPress Child Theme for Genesis Framework

AgentPress Child Theme

The AgentPress theme is an ideal solution for real estate agents looking to market themselves and rise above the competition. AgentPress includes multiple page templates that can be used to create a complete real estate website. From single property templates to a custom homepage, AgentPress is right for you.

7. Hightech Theme

by northbounddesign

Hightech Theme

High tech is a clean, modern widget-ready professional theme with a unique homepage and Pricing Page Template. It is built to handle small and large amounts of content with 6 flexible layout options. Each page can have a unique layout with your choice of 1, 2, or 3 columns. Other features include a fixed width, drop-down menus, theme options, background options, Logo options, featured images, and threaded comments. This is a Genesis Child Theme and requires the Genesis Theme Framework in order to function properly.

Conclusion

Child Themes are one of the greatest features that WordPress brought to its wide user-base. You don’t have to worry about losing modifications and changes while updating the parent themes. Child Themes are best used for WordPress frameworks. The above tutorial on how to create a child theme is very basic and anyone with little knowledge can start building child themes without the need of hiring a freelancer. We also put some best Frameworks above on which hundreds of child themes had already been created and published in the market. And finally, we put some top examples of child themes above. Hope, you learn the basics of child theme and how to create a child theme with ease. If you find any difficulty, please ask me in the comments section below.

This post was orginally published on: February 23, 2011 and was updated on: June 23, 2017.
FacebookTweetPinLinkedInEmailPrint

Related Stories

  • Make your own social blog network By using WordPress Multisite Network

  • Create a Custom Logo with Wix Logo Maker in 6 Steps

    Create a Custom Logo with Wix Logo Maker in 6 Steps

  • How to add Tags to a WordPress Post?

Avatar of Noor Mustafa Raza

Noor Mustafa Raza

Ex-Editor in chief

I am a WordPress Developer and Designer, author @WPArena. I am providing Free WordPress consultation and can help you to install WordPress in a secure way to small businesses and bloggers.

Reader Interactions

Share Your Thoughts Cancel reply

Before submitting your comment, we kindly ask that you read our comment policy. Your email address will remain confidential and will not be published or shared anywhere. If you subscribe, you will receive notifications regarding new comments.

Primary Sidebar

A person typing using iMac's keyboard

Content Management Mistakes You Might Be Making — And How To Fix Them

How to add Custom Fields [metadata] for categories and tags [terms]

Recent Topics

  • 27 Top SEO Companies in the World
  • 12 Ways To Monetize Your WordPress Blog
  • Comparing the Best Employee Engagement Software in the Market
  • Stellar Converter for OST Review: Best Tool for OST to PST Conversion
  • How To Use WordPress as an eCommerce Store

Footer

Top

  • Services
  • Our Themes
  • Facebook
  • Twitter
  • Linkedin

Reviews

  • Beaver Builder Review
  • Beaver Themer Review
  • WP User Frontend Pro
  • Ninja Forms Review
  • MemberPress Review

More Reviews »

Resources

  • Best WordPress Plugins
  • WordPress Permalinks Structure
  • Email Management System
  • Envato Free Files
  • Advertise
  • Write for us
  • Disclosure
  • Terms
  • Privacy
  • Contact

Copyright © 2023 · All Rights Reserved · WPArena is a Project of TechAbout LLC.
We are not affiliated with Automattic or WordPress.

  • Advertise
  • Write for us
  • Disclosure
  • Terms
  • Privacy
  • Contact
Share this ArticleLike this article? Email it to a friend!

Email sent!