Twenty Twelve Child Theme Step By Step

The newer theme of WordPress 3.5 (at the moment still beta, when this post is written) is already available to download, both in themes directory, and inside the beta version.

As usual, before modifying or customizing anything in this parent theme, it’s best to create a child theme.

You can see my old tutorial about creating Twenty Eleven child theme, because the steps are actually 98% almost the same.

However, if you’re a new to WordPress and haven’t used Twenty Eleven ever, Twenty Twelve theme would be your first theme for your blog or website.

You might also read this post where I already reviewed Twenty Twelve many months ago.

And to be always up to date with WordPress, I write this short post about creating Twenty Twelve WordPress Child Theme.

What you will need, FTP program such as FileZilla, etc (see this tutorial on how to use it), or cPanel info to login to your webserver directly.

I use the last method, which is logging into my CPanel, and create child theme from there.

Video Step By Step


1. Navigate to your wordpress directory, and look for wp-content/themes directory.

themes folder

“themes” folder

2. Inside “Themes” directory, create a folder which will be your child theme folder. In this tutorial, I use, MyTwentyTwelve folder.

Twenty Twelve child theme folder

Twenty Twelve Child Theme Folder

3. Inside this MyTwentyTwelve new folder, you need to create a new file, called, style.css. It has to be with this exact same file name.

style css

style.css file

4. Open style.css file, and add this code;

Theme Name: Twenty Twelve Child Theme
Theme URI:
Description: Child theme for the Twenty Twelve theme
Author: Your name here
Author URI:
Template: twentytwelve
Version: 0.1.0

See this page for reference.

You can modify anything you like above, except the “Template”. It has to be twentytwelve.

5. Add this code to import parent theme’s style file.

@import url("../twentytwelve/style.css");


That’s it, not so much different with creating other child themes, and now you can change the look of it, in this tutorial, I have just used simple css customization on post title, by adding this following code.
h1.entry-title a{color:#FFFFFF; background-color:#0E3547;}


Twenty Twelve Child Theme Result

Twenty Twelve Child Theme Result

You can do many style or other customization without editing the parent theme. Have fun!

Share the knowledge
Share on Google+2Tweet about this on TwitterShare on Facebook0Pin on Pinterest0Share on Reddit0Email this to someonePrint this page