• Home
    • Privacy Policy
    • Contact
  • How to
  • Tips
  • Android
  • WordPress
  • Blogger Tips & Tricks
  • Google
  • Facebook
  • Genesis Tutorials

A New Tab

How to create child theme for Twenty Eleven WordPress theme



I like twenty ten wordpress theme and I am using for this blog. If you want to customize Twenty Ten you can use my post customize wordpress Twenty Ten where I wrote all the customizations I did in creating a Twenty Ten Child theme presently using for this blog. Twenty Eleven theme is so good if you could modify a bit.

The best way to modify a theme is by creating a child theme because when you update your wordpress you wont loose you modifications and at the same time you can enjoy the original theme. Let us see in simple steps how to create a child theme for WordPress twenty eleven theme.

#1. Login to cpanel and go at this level /public_html/wp-content/themes/

#2. Create a Folder TwentyElevenChildTheme

#3. Go to that Folder and create a blank file called style.css

#4. Add the below lines

/*
 Theme Name: TwentyElevenChildTheme
 Theme URI: Your URL
 Description: My own Twenty Eleven Child Theme
 Author: Your name
 Template: twentyeleven
*/
@import url('../twentyeleven/style.css');

#5. Login to your wordpress dashboard -> Themes , You can able to see your new theme. Apply it.

#6. Thats it , you created a child theme and if you want to modify any thing. Just write in this style.css which overwrites the existing functionality in twentyeleven style.css

Subscribe us for latest twenty eleven tweeks



You might also like

  1. How to add logo to twenty eleven wordpress theme
  2. How to Remove search box wordpress Twenty Eleven
  3. Coming, New WordPress Default theme: Twenty Eleven
  4. How to create a child theme for Genesis Framework [ from Scratch ]
  5. Customize WordPress Twenty Ten Theme
  6. How to change the height of Menu bar in twenty ten wordpress theme.
  7. Add logo to twentyten wordpress theme
Filed Under: Wordpress Tagged With: Twenty Eleven

Comments

  1. bassu says:
    02/08/2011 at 6:36 am

    I really like Twenty Eleven, too. But, I don’t like how it comes up on mobile devices at all. Its supposed to be mobile phone friendly but when I view the theme on my android based samsung galaxy, the main navigation looks horrible, pictures and videos render larger than the screen. Terrible!

    Reply
  2. Meg says:
    07/08/2011 at 1:43 pm

    I am wanting to add social media icons to the navigation bar in the Twenty Eleven theme … would love it if you could write a tutorial for that on your site :)

    Reply
    • aswin says:
      08/08/2011 at 1:06 am

      Meg will sure write a post shortly

      Reply
      • Meg says:
        10/08/2011 at 3:45 am

        Thanks so much! I will look forward to seeing it :)

        Reply
  3. MaineCoast says:
    08/08/2011 at 7:34 pm

    Thanks for the post. I have a question I hope you can answer. After creating my Child Theme in Twenty Eleven, I then went to APPEARANCE/EDITOR to talk a look at the templates that are normally located in the right column (in the Twenty Eleven Theme). In Twenty Eleven, it lists all the templates including Header, Footer, etc. But in the Child Theme it just says the following and gives this option:

    This child theme inherits templates from a parent theme, Twenty Eleven.

    Styles
    Stylesheet
    (style.css)

    So my question is this: Is the CSS that’s included in the individual templates that are shown in Twenty Eleven default (again, Header, Footer, etc.), simply COMBINED into one file (ie style.c) for the Child Template? If so, do I just go through and look for the code I want to change for a particular attribute?

    I realize this is an ignorant question and if I haven’t expressed myself well enough, let me know and I’ll try again – but since I don’t know the answer…I’m hoping somebody can help me! Thanks in advance for any help.

    Reply
    • aswin says:
      09/08/2011 at 8:17 pm

      Hi,
      If I understood correct, you are asking me that all files in the main theme are can be modified using css file in child theme right ?
      Only the style.css is child theme over writes the style.css in the main file so that you can change the font style, size, colors and all other css attributes.
      If you want to change the functionality you have to create another file function.php in your child theme so that new functions can be added to that file

      Reply
      • MaineCoast says:
        10/08/2011 at 8:01 am

        Thanks so much – this was helpful!

        Reply
  4. Partha says:
    19/05/2012 at 11:36 am

    Hi, presently i am using twenty eleven theme in WP. I have a template (.html), actually a home page.
    How to start with these to modify the the current theme.I am a new user of wordpress.please, give me the details..

    Reply
    • aswin says:
      30/05/2012 at 1:01 pm

      start with creating a child theme

      Reply
  5. Slawek says:
    31/07/2012 at 9:23 pm

    Hi there;-)
    is it somehow possible to change colour of text background in light colour scheme? I do not wish the white one…
    Thanks, Slawek

    Reply
  6. ernesto says:
    16/11/2012 at 1:43 am

    Thank you, this tutorial help me

    Reply

Speak Your Mind Cancel reply

*

*

Recent Articles

  • FaceBook introduced Graph Search Friends, Photos : What is it ?
  • How to terminate the account in WHM cPanel
  • How to create a new account in WHM cPanel
  • Unlock Pattern Lock Android tablet-Phone
  • Find Android Version and Update your Samsung Galaxy Tab Automatically
  • Find IMEI Number of your Samsung Galaxy Tab
  • Clean and Speed up chrome with one click

Return to top of page

Copyright © 2013 · Genesis Sample Theme on Genesis Framework · WordPress · Log in