How to create a simple WordPress child theme from any WordPress theme?


In coming days I will be publishing articles on WordPress How To’s using child theme. A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme.

Making a child theme is very simple. Create a directory, put a properly formatted style.css file in it, and you have a child theme! Child theme is the way to extend the parent theme without editing the parent theme. That way, when the parent theme is updated, your modifications are preserved.

Let’s create a simple Twenty Eleven Child Theme

  • As I said earlier, to create a simple child theme, you will need at least a style.css file in the directory. As we go along, you will create the following files as well.
    1. style.css (required)
    2. functions.php (optional)
    3. Template files (optional)
    4. Other files (optional)
  • Let create the child theme directory, name is twentyelevenchild. However, you can name the folder anything.
  • Now create a blank style.css file with the following text and put it inside the twentyelevenchild folder.
  • /*
    Theme Name:     Twenty Eleven Child
    Theme URI:      http://theme.wordpress.com/themes/twentyeleven/
    Description:    Child theme for the Twenty Eleven theme
    Author:         Jinnat Ul Hasan
    Author URI:     http: //wprockers.com/
    Template:       twentyeleven
    Version:        0.1.0
    */
    • Theme Name. (required) Child theme name.
    • Theme URI. (optional) Child theme webpage.
    • Description. (optional) Description of the child theme.
    • Author URI. (optional) Author homepage.
    • Author. (optional) Author name.
    • Template. (required) directory name of parent theme, case-sensitive.
    • Version. (optional) Child theme version. E.g.: 0.1, 1.0, etc.
  • To use (import) the parent theme’s style.css file, you need to add the followig line of code just after the child theme description.
  • @import url("../twentyten/style.css");
  • Now upload the twentyelevenchild to its theme folder and activate from Dashboard > Appearance > Themes options.
  • That’s it!

Wow! You have just created a child theme by your own.

Alternatively, you can download this blank theme and upload to your blog.

Let me know if you are facing any problem creating the WordPress child theme. We are always beside you to help. For professional WordPress customization, check out our WordPress Setup & Customozation packages to suit your requirements.

Regards,
Jinnat Ul Hasan

By | On Sunday, July 24th, 2011 | Under How To's | 4 Comments »


DO YOU NEED OUR HELP?

Contact our experts, most of the time we assist our readers free of charge.

Those who found this page were searching for:

  • how to create a text box in wordpress twenty eleven
  • creare file child twenty eleven
  • author empty on twenty eleven +wordpress
  • twenty eleven child theme
  • wordpress twenty eleven child
  • wordpress twentyeleven child theme modify footer
  • WordPress TwentyEleven childTheme
  • how do you get rid of author box in wordpress twenty eleven
  • create child theme remove "proudly powered by wordpress"
  • wordpress child twenty eleven

Previous post:

Next post: