• Menu
  • Skip to right header navigation
  • Skip to primary navigation
  • Skip to secondary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / WordPress Tutorial For Beginners / How do I add fancy featured images to my WordPress website?

How do I add fancy featured images to my WordPress website?

Many WordPress sites display featured images at the very top of the post. Your theme may also automatically display featured images on your site’s front page and in blog listing pages etc.

These featured images can really brighten up your posts, blog listing pages and front page. The images in the theme below are featured images.

Lifestyle Pro theme uses featured images

How to add featured images to a post

To add a featured image to a post look for the set featured image option, to the right hand side of the post editor, when you write a post using your PC.

Add Featured Image to WordPress website

If you don’t see the featured image option, open the screen options at the top of the screen and make sure the Featured Image checkbox is ticked.

Screen Options Featured Image

And remember. Some themes do NOT have the Featured Image option.

Use the correct size images

To discover the correct size for featured images in your theme look at that particular theme’s documentation. We’re using the Twenty Sixteen theme in these tutorials and the featured images we need are 1200 pixels wide. The height of the featured image in this theme is less important.

How featured images are displayed in the Twenty Sixteen theme

Posts or pages with NO sidebar display 1200 pixel wide featured images at the top of the post.

Featured Image in Twenty Sixteen theme with No Sidebar

Posts and pages that DO have a sidebar display 840 pixels wide featured images at the top of the post and to the left of the sidebar.

Featured Image in Twenty Sixteen theme WITH a Sidebar

The blog page displays featured images at the top of every post in the listing.

What about your theme?

The best way to see how featured images work in your theme, is to add some to your blog posts and see if you like the results.

If you change from one theme to another

The size of the featured images vary from theme to theme. So, if you change from one theme to another you may need to use the Regenerate Thumbnails plugin.

The Regenerate Thumbnails plugin automatically resizes the images used in your site. This helps make sure that your images fit properly into your theme.

Filed Under: WordPress Tutorial For Beginners By: //  by Philip Gledhill

Keep in touch?

I'm constantly discovering new stuff about Genesis, StudioPress and WordPress. If you want to keep up to date with my latest news and info, sign up below...

Previous Post: « How do I make a navigation bar?
Next Post: How do I add a header image to my site? »

Primary Sidebar

How do I..? A list of WordPress Tutorials for Beginners

  • Gutenberg Post Editor | The Basics
  • How do I Login and Logout of WordPress?
  • How do I change the Site Title and Tagline?
  • How do I change the look or design of my WordPress website?
  • How do I make Google friendly web page links?
  • The images I used in the tutorials
  • How do I make WordPress web pages and blog posts?
  • How do I write a post without publishing it yet?
  • How do I add a header image to my site?
  • How do I add fancy featured images to my WordPress website?
  • How do I make a navigation bar?
  • How do I enable or disable comments on my website?
  • How do I put content in the sidebar or footer of my website?
  • How do I change the look of my blog listing pages?
  • How do I add image galleries, sliders and forms to my site?
  • How do I use the different post Format types?
  • How do I organize my content using categories and tags?
  • How do I edit my profile picture, add some biographical information and reset my password?
  • How do I hide dialogue boxes I don’t need?
  • Optimizing images for the web using Pixlr

These tutorials use the free Twenty Sixteen theme by WordPress…

Download the free Twenty Sixteen theme.

The Twenty Sixteen theme

Please note, this site is paid for with money I earn through affiliate links.

Footer

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout StudioPress Sites. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

Site Footer

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2019 Philip Gledhill · Privacy policy and disclosure