Make A New Stylesheet

On opening the new child folder you'll see that the directory is empty.

Click on New File and type style.css as the new file name and create that file. You must use this exact name and no variants.

We now have our style.css in the right place and we're ready to start to create the necessary code to make this stylesheet work properly.

Open the style.css in the code editor.

This is how you'll see the new blank stylesheet.

Now The Important Part

Paste the following text into the code editor, then enter your own details.


/*

Theme Name: Twenty Eleven Child Theme
Theme URI: http://YOUR_SITE_URL/PATH/CHILD THEME NAME
Author: YOUR NAME
Author URI: http://YOUR_SITE_URL
Description: The new child theme of Twenty Eleven created by me.
Template: twentyeleven
Version: 1.7
*/

@import url('../twentyeleven/style.css');

/* Theme customisation starts here
----------------------------------------------------- */


My details look like this...

The important names are: Template and the @import statement. The theme name in the import statement must be the same as that in the Template.

The other names of Theme Name, Description and Author are completely up to you.

The Template identifies the parent theme, while the @import imports the CSS from that original theme. The path to your parent theme’s .css file must be correct so that the 'Template' parameter can correctly identify the name of your parent theme. If you want to use a different theme, then just change these values accordingly.

NB. Everything is case sensitive! The folder of our parent theme is 'twentyeleven' all lowercase, and the @import URL reflects this.

Now, you are almost ready to go, but you must Activate your new theme...



Join the Discussion
Write something…
Recent messages
Trialynn Premium
This is wonerful Rob! It is bookmarked!
Reply
malric Premium
thank you rob i havent been game to try,hoeever, now you have explained the child theme gives control great.As PINK FLOYD said"Set the sights for the heart of the sun"
Reply
acoolmil Premium
Very impressive Rob, I will be coming back to this later.
Reply
Yogie Premium
where is cpanel file manger?
Reply
rob3 Premium
Hi Yogie,

cPanel is something not connected with WordPress. You should have been given login details to it by your web host. Check to see what control panel they offer. If you still have your sign-up documentation, check that to see where to find your control panel. Otherwise, ask your host.

If cPanel is available to you you should be able to access it via your domain name + "/cpanel" (no quotes). Fill in your admin name and password (included with your documentation) and hit enter. That will take you to your cPanel, where you can get access to loads of stuff.

I hope this makes it clear. I will add this into the tutorial, thanks for asking!
Reply
Yogie Premium
Thank you for your details explanation I really appreciated.
Reply
Karyskis Premium
Wow! Great training.
Reply
Top