Home > Help Center > Applications > WordPress > WordPress Featured Image

WordPress Featured Image

What is Featured mage?

WordPress makes it possible to use different types of images, known as featured images when publishing articles and pages. These images are not part of the post itself, but are rather acting like a header image of the post.

All featured image settings are determined by the selected theme - positioning, size, design effects, etc.

In this article we'll show you how to use featured images in your posts. There is no difference between adding and managing featured images in posts or pages - in both scenarios you are going to use the same tools.

How to Add Featured Image to a Post

In our example we are using twenty sixteen theme and we created new post containing two text paragraphs without any images.

Click Posts > Add New to enter Add New Post screen or click on existing post to enter Edit Post screen.

In the right sidebar below all panels you must see Featured Image panel:

wordpress featured image

If you do not see it click on Screen Options link at the top and make sure the check box in front of Featured Image label is checked:

wordpress featured image

Click on Set featured image link to select your image from the Media Library.

In Media Library select your image and add the image information. These details include the title, alternate text for screen readers, the caption, and the description.

This information will be displayed on the image attachment post which most probably will be indexed by search engines so it worth your attention.

When you are ready click the Set featured image button in the bottom-right corner.

This adds the featured image and closes the Insert Media window. Remember, you won't see the picture appear alongside your text but its thumbnail will appear in the Featured Image panel:

wordpress featured image

Click Publish or Update button to see your post:

wordpress featured image

How to find balance between featured image and post images

Let's add another image above the text in the post.

Click Add Media to select an image. In the Attachment Display Settings section select Full Size and click Insert into post button.

Update the post and preview in browser:

wordpress featured image

The images are fighting for attention thus distracting users from the content and the impression from such post is far from exciting.

Now let's edit our post and use smaller images within the post.

Click in the text editor where you want your image to appear, click Add Media, select an image from Media Library, select image size Medium and click Insert into post.

Repeat the same steps with the second image. Now click on the image in the post and align the image:

wordpress featured image

Swap the locations of the second image and text:

wordpress featured image

Its definitely much, much better in terms of images hierarchy and article aesthetics.

Do not forget these results are theme specific - if your theme styles the featured images differently you'll get different results than these in our example.

Featured image theme support

One quick way to see if the theme supports featured images is to click Appearance > Editor, then click Theme Functions in the right sidebar.

With CTRL+F you can activate your browsers' Find feature and enter post-thumbnails term.

If your theme supports featured images you must find at least the first row:

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 1200, 9999 );

The second row defines the width of the featured image to 1200px.

For detailed information on WordPress images read our article WordPress Insert Images in Posts and Pages.

Remove Featured Image

You can easily remove the featured image from your post by clicking on the Remove featured image link:

wordpress featured image

Conclusion

WordPress offers enough tools to design your posts and pages by impressive and memorable way. Without a doubt the support for featured images is one of them.

#wordpress #images

Still not finding what you're looking for?

Contact our support team with any additional questions or concerns.

Contact support