Cover Image vs. Featured Image in WordPress Block Editor

By WP Saviour •  Updated: 04/16/21 •  8 min read

WordPress 5.zero was launched with the model new Gutenberg block editor and a bunch of cool options. One in every of them is the Cowl block, which helps you to add cowl photos to your posts and pages.

This characteristic has confused some customers as a result of it might appear just like the Featured Picture possibility which has been in WordPress since WordPress 2.9.

On this article, we’ll clarify the variations between cowl picture vs. featured picture in WordPress block editor.

coverimagevsfeaturedimage-5520521

What’s a Cowl Picture?

A canopy picture is often a large picture used as a canopy photograph for a brand new part in a weblog submit or web page. It’s a part of the general article. You should utilize a canopy picture if you’re beginning a brand new part or a brand new story inside your article.

With the Cowl block in WordPress, you possibly can add textual content and shade overlay in your cowl picture.

cover-image-wordpress-block-editor-2105151

By including an applicable shade overlay that matches your theme shade or content material’s temper, you can also make your article extra participating.

Equally, including textual content overlay helps your customers simply establish the place a brand new part begins in your article and what’s it about.

Historically bloggers use heading textual content to separate sections in a weblog submit. With cowl photos, you now have choices to separate sections in a extra visually interesting means.

What’s a Featured Picture?

A featured picture (also called submit thumbnail) is the principle article picture which represents the content material. They’re prominently displayed in your web site on single posts, weblog archive pages, in addition to on the homepage of stories, journal, and weblog web sites.

Except for that, featured photos are additionally displayed on social media feeds when an article is shared.

Featured photos are designed fastidiously to make them look engaging. Such photos give customers a fast glimpse of your content material and immediate them to your complete article.

You’ll discover a meta field in your submit edit display screen for including a featured picture as a result of virtually all WordPress themes help featured photos by default.

featured-image-in-wordpress-block-editor-2626639

The place and the way featured photos are displayed is managed solely by your WordPress theme.

For superior featured picture choices, you possibly can test these best WordPress featured image plugins.

Methods to Add a Cowl Picture in WordPress?

The brand new WordPress block editor (Gutenberg) comes with a Cowl block to let you add a canopy picture in WordPress.

First, that you must create a brand new submit or edit an current one. On the submit edit display screen, click on on the add new block button after which select Cowl block.

add-cover-block-gutenberg-7050435

You will discover the Cowl block contained in the Widespread Blocks tab.

Upon clicking on the block, you’ll see the Cowl block added to your content material editor with choices so as to add your new cowl picture.

cover-block-with-upload-image-option-4721773

You possibly can merely drag and drop a picture or video within the block space to add a brand new cowl picture. Alternatively, you possibly can click on the Add button, select a picture in your laptop, and open to add.

If you wish to add a picture already uploaded to your media library, you possibly can click on the Media Library button and choose a picture out of your media gallery.

upload-cover-image-in-wordpress-6025512

As soon as your cowl picture is added, you possibly can simply customise it by clicking on the quilt picture.

This may present you a toolbar with customization choices above the picture, Write title… area within the middle of the picture, and block settings together with shade overlay within the panel on the appropriate facet.

cover-image-added-to-wordpress-5989918

Except for alignment possibility, the quilt picture block provides you the 2 width decisions: Large width and Full width.

The vast width possibility makes the picture look as vast as your content material. The complete-width possibility makes your picture cowl the entire window display screen.

cover-image-full-width-gutenberg-4412131

Subsequent, you possibly can add a title to your cowl picture. Once you click on on the quilt picture, you will notice the “Write title…” area within the middle of your cowl picture.

Merely click on on that space so as to add textual content. You possibly can write your cowl picture title and format it utilizing the formatting choices that seem on prime of the textual content or on prime of the quilt picture.

add-text-on-cover-image-gutenberg-7195916

Lastly, there are cowl block settings on the appropriate facet panel. You possibly can allow Fastened Background to create a parallax impact for when customers scroll down the web page.

cover-block-fixed-background-option-3329153

Beneath that, there’re shade overlay choices. By default, it provides your theme’s shade as overlay shade with 50% transparency, however you possibly can change the overlay shade and in addition change the opacity by shifting the purpose.

cover-image-color-overlay-options-9292505

Lastly, you possibly can add CSS code and add extra types to your cowl picture by clicking the Superior possibility.

That’s it!

You possibly can repeat this step so as to add a number of cowl photos in a single article if wanted.

Methods to Add a Featured Picture in WordPress?

The method of including a featured picture is similar because it was earlier than. In case you’ve had a WordPress blog for some time, then you definately already know the way a featured picture is added.

So as to add a featured picture, you’ll must open a submit edit display screen firs after which navigate to the Featured Picture meta field on the right-hand facet of the display screen.

You will want to click on the Set featured picture possibility.

featured-image-field-wordpress-block-editor-7968174

Subsequent, you possibly can add a brand new picture by both utilizing the drag and drop uploader or choosing a picture one out of your current media library.

After which you could add title and alt textual content to your featured picture, after which click on the Choose possibility.

upload-featured-image-in-wordpress-3747901

You have got efficiently added a featured picture to your article.

If you’d like extra detailed directions, then you possibly can learn our saviour’s information to including featured photos in WordPress.

When you’ve added your featured picture, you possibly can preview your submit and see the way it appears to be like.

In case you’re utilizing the brand new default theme Twenty Nineteen or different fashionable themes, then you might even see a shade overlay in your featured photos as properly.

You possibly can take away it or change the colour by going to the WordPress customizer.

Merely click on on the Look » Customise button in your WordPress menu.

customize-wordpress-menu-6297064

As soon as on the Customise panel, that you must click on the Colours possibility on the left.

customize-colors-wordpress-twenty-nineteen-theme-8311658

On this tab, you will notice your theme’s main shade possibility and the choice to allow or disable the picture filter.

color-options-wordpress-twenty-nineteen-theme-9818516

You possibly can change your theme’s main shade by choosing the Customized possibility and selecting a shade.

change-primary-color-wordpress-twenty-nineteen-theme-4552182

If you wish to disable the colour filter in your featured photos, then you possibly can merely take away the test on “Apply a filter to featured photos utilizing the first shade” possibility.

disable-filter-on-featured-images-twenty-nineteen-theme-7837171

Please word that featured photos are managed by WordPress themes, so you might not discover this feature in your theme if it doesn’t help picture filters.

Conclusion – Cowl Picture vs. Featured Picture in WordPress

Now that you understand how so as to add a canopy picture and a featured picture, let’s check out some finest practices.

Featured photos have been popularly utilized by WordPress blogs, on-line magazines, information, and leisure web sites as submit thumbnails or fundamental article photos.

Properly-designed featured photos assist entice extra customers to open an article. They’re nice for making your web site look engaging and visually interactive.

Cowl photos are literally elements of your article. A consumer sees your cowl picture after they open your article to learn. Thus, they make your articles extra participating and enjoyable to learn.

The very best use of canopy photos is so as to add stunning transition between sections inside a protracted article.

Cowl photos are distinctive from common submit photos as a result of they’ve the full-width possibility and you’ve got the flexibility so as to add textual content overlay on them.

By correctly including cowl photos, you possibly can enhance consumer engagement in your posts.

We hope this text helped you to know the distinction between a canopy picture and a featured picture in new WordPress block editor. You might also prefer to learn our article on learn how to replace your previous WordPress posts with Gutenberg block editor.

WP Saviour

I am a WordPress specialist. My mission is to help you create beautiful websites with ease!