Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
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.
Get unlimited access to all courses for just $25/month.Become a member
58 Video lessons · 66481 Viewers
61 Video lessons · 96915 Viewers
56 Video lessons · 110600 Viewers
82 Video lessons · 105186 Viewers
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.