June 19, 2014

WordPress Featured Image – Custom Size

In this lesson we learn how to register new “image sizes” which specify the size and aspect ratio of the image that WordPress should automatically generate. We then learn how to output these different sizes of the image in different places in our theme files.

Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review).

Do you want to share the WordPress website that you’ve been creating on your computer with the world? The next step is to use a web host to share your site with the world. Learn about web hosts, my favorite one, and how to get a plan for only $5.78 per month.

View the entire “Learn WordPress” series

About the Author

Brad Schiff

Brad Schiff is a front-end developer, designer, and educator who has been building user interfaces for over a decade. He’s done work for Fortune 500 companies, national political campaigns, and international technology leaders. His proudest achievement is helping people learn front-end web development.

Follow Brad on Twitter Subscribe on YouTube

7 thoughts on “WordPress Featured Image – Custom Size

  1. Thank you Very much
    This is the Greatest WordPress themes Tutorial I ever watched
    Can you please tell me how to add four column layout
    which I can post different categories.
    any idea.

    1. Hi Valerie! In this video I was using the text editor named “TextMate” but recently I use “Sublime Text” and recommend it to everyone 🙂

  2. Brad, this is absolutely wonderful. You are an absolute natural at instructing. I searched far and wide for a good material on building a wordpress site from scratch. I and am so grateful to you for creating this amazing course – it’s been a life changer for me. You should place this on Udemy 🙂

  3. This is a fabulous tutorial but my theme doesn’t have an index.php or single.php. It has the featured image already setup but I’d like to have my image automatically inserted at the top of my post rather than having to insert it manually. Is there another way to do this? When I manually do it then I end up with two images on my main page.

    1. Hi Tricia, sorry for the delayed response. You mentioned your theme doesn’t have “index.php” or “single.php” – that’s interesting. Does it have “single-post.php” or “home.php”? You might have good luck asking this same question on the official WordPress dot org support forums as lots of people are on those everyday.

Leave a Reply to Tricia Cancel reply

Your email address will not be published. Required fields are marked *