Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Create a child theme based on an existing parent theme in WordPress and change the functionality, presentation, or styling of your website. In this course, author Morten Rand-Hendriksen shows how to use the default WordPress theme, Twenty Twelve, as a basis for a new child theme and add custom menus; new headers, sidebars, and footers; and index pages with widgets and pagination to your site. The course also demonstrates how to add a responsive welcome message to your front page using PHP and jQuery, and how to edit the many templates found in a WordPress theme. Morten explains how to perform these changes using any code editor, the developer tools in the Chrome browser, and WordPress.
Theme screenshots are an important way of identifying what theme you're using. Adding a custom screenshot to your child theme is one of the last things you should do before taking it live. When I say theme screenshots, I mean the little screenshots that appear when you go to your Dashboard and go to Appearance and Themes. Here you can see that all my installed themes Twenty Eleven, Twenty Ten, and Twenty Twelve have screenshots, but you also see that my child theme does not yet have a screenshot, so I need to create it.
Just like with most other things in child themes, the way I create a new screenshot is I go to the Parent theme, find the screenshot file and copy it over into my child theme. Then I open that screenshot file in my image editor. I'm going to use Photoshop for this, and then finally I'll go back to my browser, go to the front page and actually make a screenshot. I'll hit Ctrl+Minus to zoom out a couple of times until I get the view I want. I'll also hit F11 to go full screen and then I'll hit Print Screen on my PC.
Now I can reset my browser by hitting F11 again and hitting Ctrl+0, and then I'm going to go back to Photoshop and paste in my screenshot. As you can see it's a little bit too big right now, so have to zoom out and then transform it to make it the size I want. And when I'm happy with what I see and I think this looks pretty good, I simply go and save the file. I'll save it on top of the original one in my child theme so it's going to be called screenshot.png.
I'll replace it, go back to my Dashboard > Appearance > Themes and here you see my new screenshot. You notice that all I did was copy the original file into my child themes, then opened that original file from child themes, paste in a new screenshot, and saved it. WordPress automatically figures out that the file called screenshot.png is the screenshot for this theme, and now you can actually see what the theme looks like before you activate it.
With the screenshot in place, your child theme is easy to identify and differentiate from the parent theme when you're looking through the installed themes on your site. And if you ever decide to publish your child theme so others can use it, the screenshot is all the more important.
Find answers to the most frequently asked questions about WordPress 3: Building Child Themes.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.