How to make a WordPress Child Theme – Twentytwelve theme

Thanks! Share it with your friends!

Close

http://www.w3newbie.com/
In this tutorial, you will learn how to make a WordPress child theme. The theme used in this example is the default “twentytwelve theme” that comes with the latest version of WordPress.

WordPress child themes allow you to interact with the power of PHP in WordPress by using just a little bit of CSS in your style sheet.

Comments

Drew Ryan says:

Private message me with all that’s included in your styledotcss sheet! I’m
thinking there is still a problem with it.

Drew Ryan says:

Hey thanks for the comment. This has to do with the information at the top
of your styledotcss child sheet. It’s probably lacking some info in there
or the parent theme is spelled incorrectly, maybe in the @ section, or
something of this nature. I’d try adding or changing some of it and
re-upload the child theme.

Drew Ryan says:

Your welcome Alex! The reason I’d recommend using a child theme rather than
editing the files in the ‘editor’ section of wordpress is because once you
get into editing files other than style.css, it is very easy to put in a
snippet of code that will offset the entire theme and make wordpress not
display at all. It’s much easier to have a backup copy of your wordpress
theme’s files and replace the one file with it’s original via FTP (attempt
again) than delete your installation if it gets there.

NovicebutPassionate says:

Ok, looks like I began celebrating prematurely. I made ‘some’ progress, but
clearly, I’m still doing something wrong, because now that my child theme
is the current theme, I get this message: (((This Child Theme requires its
parent theme, Organic Shop.))) Thanks, Confused!

Drew Ryan says:

Sorry about that, I took the video down because I did something wrong in
it. I put a new video up for how to backup your wordpress website with a
plugin. Try the link again at the end of the video or just check out my
latest videos.

cierrugh says:

Awesome video! So helpful, I was looking forward to watching your video on
how to back up the site, but it was unavailable 🙁

NovicebutPassionate says:

Right on!!! It was a missing _ (underscore) in the Template name. Being a
two-word name, the Template name in the directory had an underscore, and I
hadn’t add that in the ‘Editor Comment’. Amazing how something that little
can affect the whole process. Apparently it wasn’t that ‘little’ after all.
Thanks so much for all of your help -appreciate it. (Now, back to your
video, to activate the Child Theme.)

Alex Skarulis says:

Thanks! That was straightforward, easy to follow and very helpful. Any
thoughts on why the editor within WordPress admin is less preferable than
file changes on desktop?

NovicebutPassionate says:

Hi Drew, Thanks for your reply -appreciate it! Yes, I’m getting the message
in the Themes section of the dashboard: Themes, Manage Themes Current Theme
Organic Shop Child Child theme for the Organic Shop theme (((This child
theme requires its parent theme, Organic Shop.))) I can see the parent
theme among Available Themes. Not sure what you mean by: “… and go ahead
and make a css change with the child theme to see if it works.” Is that
info in any of your videos? thnx again!

Drew Ryan says:

I’m curious where your getting this message? In the themes section of
dashboard? As long as the child theme info is correct, it might just be
something WordPress say by default for child themes but I’d make sure the
parent theme folder is still intact in wp-content/themes/… and go ahead
and make a css change with the child theme to see if it works.

NovicebutPassionate says:

Hey Drew, thanks for the great video. Very helpful. I used your video to
create a Child Theme, and this is the message I get in my WP Dashboard.
“The parent theme is missing. Please install the “organic shop” parent
theme.” But I’ve already installed the Parent Theme! It’s RIGHT THERE in my
dashboard >> Appearance >> Themes (it’s my “Current Theme”). Any idea why
this is happening? Thanking you in advance!

drummerkat9 says:

So I have a few problems. One: I forgot how to connect with FileZilla. What
is the host and which username do I use? Two: I instead copied the entire
style.css and pasted it. I then removed the code about the entry header and
changed it as you did. Removing that header is my overall goal. After I did
it, there was no change at all. Any suggestions?

Drew Ryan says:

The host you use for FileZilla depending on your hosting company, for
example Blue Host uses ftp.(yourdomain. com) and for godaddy it’s the ip
address of your website. For your user name and password, you have to set
up and FTP user with your host. Let me know if you need help as I’ve used
several hosting companies. Where did you paste the altered style.css file?
I would only advise doing it with a child theme and you have to use
“display : none;” because you can’t delete css in a child theme.

Drew Ryan says:

Rather, (second response) deleting css or not including some in a child
theme wont make a difference because WordPress assumes anything unchanged
or not mentioned will remain the same in the style sheet. Hope this makes
sense.

Comments are disabled for this post.