Create Own Name Twenty Eleven WordPress Child Theme With CSS

WordPress default twenty eleven theme is quite simple for customisation  and easy to edit with your own css. But all twenty eleven changes must be done using child theme. This does not change the current theme  structure and never create any problem in future when upgrading new WordPress version.  WordPress allows you to make child theme for twenty eleven. This is easy to make child theme using inherit  functions of parent twenty eleven theme. Let us create own name child theme. Before starting connect site to server using ftp. Now make a new child theme style.css file using notepad.

/* Theme Name:  bloggerbonus Child Theme  // change your name
Theme URI:      http: //www.bloggerbonus.com    // your blog uri
Description:    Create own Child theme
Author:         Mukesh               // your name here
Author URI:     http: //www.bloggerbonus.com/about/
Template:       twentyeleven
Version:        0.1.3 */

@import url(“../twentyeleven/style.css”);

Save above given all lines in notepad as a style.css file name. Now change them name, theme uri, author name and author uri as per your own interest. The last line @import url(“../twentyeleven/style.css”); inherit and call the twenty eleven function to child theme.

Now add your css below this line and customize your child theme. A simple css example given below for wordpress theme.

body {
background-color: #ffffff;
background-image: inherit;
color: #000000;
font-family: Gisha, Terminal, Verdana;
font-size: 16px;
font-stretch: normal;
font-variant: normal;
font-weight: normal;
line-height: 20px;
list-style-image: inherit;
word-spacing: 1px;
}

All you need to connect your hosting server using ftp application and make a new directory for child theme under theme folder in wp-content directory where you have to transfer style.css file to child theme folder using ftp software and save in it. Now go to appearance tab from wordpress dashboard select themes now you can see child theme in available themes. Select activate and your twenty eleven child theme is live now reload webpage and see the difference.

Tags: Child theme, Twenty eleven

Category: Tech News