Leverage featured images to enhance the presentation of your site. Posts and pages can use a single featured image that helps represent the theme or mood of the content. Blog archives may also display featured images. Featured images vary in size based on the theme you choose and this movie shows you how to use featured images on your site.
- [Voiceover] Now that you know how to add images or image galleries to the content of a post, I'd like to show you how to associate a single image with your post that displays outside the content. These are what's known as featured images, and they have a special role to play in both your WordPress site and also when your WordPress content gets shared on social media. If you haven't associated a featured image with the post, some themes, like 2015, will take the first image used in your post and use that for a featured image. That's what we're seeing here.
I want to add my own image, though. To do that, I'm gonna click the edit button and add a new featured image. Instead of working in the content area, where we've previously used the media button to insert images, I'm gonna go to the featured image panel in the sidebar. Expanding that, I can see that the panel only has one button, and that's for setting a featured image. Clicking this button opens up the media library. I can select a file that's already in my media library or I can add a new one. I've got one on my computer that I'd like to use, so I'm gonna click this add new button.
From there, I'll navigate to the folder with my picture and click open. That uploads it to WordPress. Before setting it as the featured image, I'm gonna go ahead and click edit and add a few details here. I'll go ahead and add a title, and then I'll use a variation of that for my alt text. I don't care about the description in this case. Also, the featured image will never be displayed with a caption, so there's no point adding one here, unless I wanna use this image in some other post or page later on and need the caption.
Once I've added my title and my alt text, I click set featured image. As you can see, this image was added here in my featured image panel and above my post, but it's not in my post content. By the way, if you ever want to change the featured image, you could click this x to get rid of it, and then set a new one. This is the one I want to use, so I'll go ahead and update my post and then view it. Here you can see my featured image above the post. It's not the best quality, but it'll work for this example, and he's still pretty cute.
I wanna highlight something about the location of this image. Different themes will display your featured images in different ways. Some will crop them, some will leave them in their standard format, some will place them at the top of your post or maybe to the side of your post or even in the header of your post. It all differs between themes. Some themes even support showing featured images on pages, in addition to posts. In the case of my featured image, I can see that it was cropped from the original file to fit the dimensions set by the theme. To avoid this, it might have been better to use a horizontally oriented photo for my featured image.
I point it out to you, though, just so you know to be aware of how your theme displays featured images and make sure that the images you choose are a good fit. In addition to adding a nice visual to my post, if I go to the front page of the site, I can see that I can click on the image. Clicking that takes me through to read the full article. Here's one more cool thing about featured images. If someone goes to my site, finds this post and shares it, this featured image will show up as the preview image in that social feed. So rather than Facebook just plucking a random image out of my post, it'll pick up my featured image.
So that's it for featured images. I recommend always trying to add one. It makes your posts look better and it ensures that you can control what images are shared when people share your content on social media.
- Creating a WordPress.com account
- Updating your profile
- Importing content
- Publishing posts
- Applying categories and tags to posts
- Inserting images, videos, and other media
- Creating a new page
- Customizing your site with themes and widgets
- Managing users, notifications, and comments
- Using WordPress.com apps
- The limits of WordPress.com and the benefits of self-hosting