http://wordpress.org/support/profile/mr49online

To customize any wordpress theme, the preffered approach by wordpress experts is by creating its child theme.

Creating wordpress child theme is so, easy.

Here, I am creating a child theme for twentyeleven theme, and doing some customization i.e. changing site heading and descriptions fonts/color etc.

  • Create a folder with in theme folder.  (Ex: wp-content/themes/twentyeleven-child).
  • Create style.css file in this newly created folder. (Ex: wp-content/themes/twentyeleven-child/style.css).
  • Add following code in style.css:

    /*
    Theme Name:     Twenty Eleven Child
    Theme URI:      http: //mr49online.wordpress.com/
    Description:    Child theme for the Twenty Eleven theme
    Author:         Muhammad Farhan
    Author URI:     http: //mr49online.wordpress.com/about/
    Template:       twentyeleven
    Version:        0.1.0
    */
    @import url("../twentyeleven/style.css");

    #site-title a {
    font: 30px "Bookman Old Style";
    }
    #site-description {
    font: 14px "Bookman Old Style";
    }

  • Note: There must be no other CSS rules above the @import rule. If you put other rules above it, it will be invalidated and the stylesheet of the parent will not be imported.
  • Now go to admin -> Dashboard -> Appearance -> Themes.
  • Here you find your newly created child theme i.e. (Twenty Eleven Child). Just, activate this theme.
  • that’s it ; – ). All done…. Now customize your theme as you want.
  • Required / Optional files for your child theme:
    1. style.css (required)*
    2. functions.php (optional)
    3. Template files (optional)
    4. Other files (optional)

For more details about creating child theme please click here.

About these ads

Comments on: "How to create wordpress child theme?" (9)

  1. Heya i am for the first time here. I found this board and I find It truly useful & it helped me out a lot. I hope to give something back and aid others like you helped me.

  2. The subsequent time I learn a blog, I hope that it doesnt disappoint me as much as this one. I mean, I do know it was my option to read, but I truly thought youd have something fascinating to say. All I hear is a bunch of whining about one thing that you may fix if you happen to werent too busy in search of attention.

  3. My brother recommended I might like this website. He was totally right. This post truly made my day. You can not imagine simply how much time I had spent for this information! Thanks!

  4. I am not sure where you are getting your information, but great topic. I needs to spend some time learning much more or understanding more. Thanks for wonderful info I was looking for this info for my mission.

  5. My spouse and I stumbled over here from a different website and thought I should check things out. I like what I see so now i’m following you. Look forward to looking at your web page for a second time.

  6. hi!,I like your writing very much! share we communicate more about your article on AOL? I require a specialist on this area to solve my problem. May be that’s you! Looking forward to see you.

  7. I enjoy forgathering utile info, this post has got me even more info! .

  8. I like this weblog it’s a master piece! Glad I detected this on google.

  9. Awesome, thank you!
    I have just created my child folder and file and activated the theme.
    Thank you for sharing your knowledge.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: