How to Create a WordPress Child Theme?

Nur . Posted in How-To, Themes 1112 Views

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.

Creating the new theme directory

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

Creating the stylesheet

The only file you need to start with in this directory is the stylesheet. The stylesheet needs the usual header, plus a new line:
/*
Theme Name: Twenty Eleven
Description: A Child Theme of Twenty Ten
Version: 1.0
Author: Nur
Author URI: http://wparena.com/
Template: twentyten
*/

The key line in that code is Template: twentyten. This tells WordPress that your new theme is a child theme of twentyten, the directory name of the twentyten 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 on the Appearance page.


You have a child theme. It will use all of the Twenty Ten styles, template files, functions and everything else. If you activate it, it will present your site as if you were using Twenty Ten.
If you want to change anything, do so in your twentyeleven folder. You will override the Twenty Ten 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 Ten when it has updates available without worrying about overwriting the changes you made through the Twenty Eleven 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 is the best Theme FrameWorks. [Source: WordPress 3 Complete]

Increadible Theme Framworks 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.  WordPress with the Thesis Theme Framework

2.  The Genesis Framework

3. WooFramework’ed V2

4. PlatformPro WordPress Framework

5.  Ashford CMS WordPress FrameWork

6. Thematic, A WordPress Theme Framework

7. Hybrid WordPress Theme Framework

8. Carrington – CMS theme framework for WordPress

9.  Whiteboard – A Free WordPress Theme Framework

10. WP Framework – A blank WordPress Theme Framework

11. OnePress Community Framework

12. The WordPress Starter Theme Project

13. OnePress Community

14. The Buffet Framework

15. Simon WP Framework

16. WP Framework

Reference and Sponsored:

WordPress 3 Complete

1. Lifestyle Child Theme for Genesis Framework

by StudioPress

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.

Live Preview | Download

2. Enterprise Child Theme for Genesis Framework

by StudioPress

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.

Live Preview | Download

3. Expose Child Theme for Genesis Framework

by StudioPress

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.

Live Preview | Download

4. Sleek Child Theme for Genesis Framework

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!

Live Preview | Download

5. Going Green Child Theme for Genesis Framework

The Going Green child theme for the Genesis Framework is a 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.

Live Preview | Download

6. AgentPress Child Theme for Genesis Framework

The AgentPress theme is an ideal solution for real estate agents looking to market themselves and rise above 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.

Live Preview | Download

7. Hightech Theme

by northbounddesign

Hightech 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.

Live Preview | Download

How to make a child theme for WordPress: A pictorial introduction for beginners

How to Create a WordPress Child Theme in 3 Steps

How to Create a WordPress Child Theme (Video)

Nur

I am a Wordpress, Website Developer and Designer, creator @ WP Arena, Provide Free WordPress consultation and can help to install WordPress in a secure way to small businesses and bloggers.

Free & Professional WordPress Security Service Free & Professional WordPress Security Service

We Love WordPress. WordPress Arena is a place for WordPress Developers and Designers, providing Tips, tricks, tools and resources to build a website or blog on WordPress. We also present The WordPress Showcase for all kind of WordPress Powered Websites.


Copyright © 2014 WP Arena All Rights Reserved

Divi WordPress Theme