{"id":4406,"date":"2019-09-19T14:03:56","date_gmt":"2019-09-19T14:03:56","guid":{"rendered":"https:\/\/www.fastcomet.com\/blog\/?p=4406"},"modified":"2022-06-10T05:54:56","modified_gmt":"2022-06-10T05:54:56","slug":"cover-image-vs-featured-image-in-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg","title":{"rendered":"Cover Image vs. Featured Image in WordPress Gutenberg"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Since <a href=\"https:\/\/www.fastcomet.com\/blog\/wordpress-5-0\">WordPress 5.0<\/a>, we have <a href=\"https:\/\/www.fastcomet.com\/blog\/gutenberg-new-wordpress-editor\">Gutenberg<\/a> set as our default block editor. With it, we got some new features, including the <strong>Cover block<\/strong>. It gives you the opportunity to add cover images to your site pages and posts. The cover image feature can be confusing to some users, mainly because it could be seen as similar to the <strong>Featured Image<\/strong>, which has been around since WordPress version 2.9. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>This post is to explain <strong>the differences between a Cover image and a Featured image in Gutenberg<\/strong> &#8211; the WordPress block editor. We are going to cover:<\/p>\n\n\n\n<ul class=\"nav-list\"><li><a href=\"#what-exactly-is-a-cover-image-in-wordpress\">What Exactly is a Cover Image in WordPress?<\/a><\/li><li><a href=\"#what-exactly-is-a-featured-image-in-wordpress\">What Exactly is a Featured Image in WordPress?<\/a><\/li><li><a href=\"#adding-a-cover-image-in-gutenberg\">Adding a Cover Image in Gutenberg<\/a><\/li><li><a href=\"#adding-a-featured-image-in-wordpress\">Adding a Featured Image in WordPress<\/a><\/li>\n<ul>\n<li><a href=\"#featured-image-theme-relations\">Featured Image Theme Relations<\/a><\/li>\n<\/ul>\n<li><a href=\"#final-thoughts\">Final Thoughts<\/a><\/li><\/ul>\n\n\n\n<h2 data-role=\"contents-nav-item\" id=\"what-exactly-is-a-cover-image-in-wordpress\">What Exactly is a Cover Image in WordPress?<\/h2>\n\n\n\n<p>Typically, cover images are wide ones that are used as covers for new sections in pages or blog posts. A cover image is a part of the post or page content and you should use it when you are beginning a new chapter in your blog post. You can look at your article as an illustrated book if you wish. When you feel the time to split your content into two sections is right, then you use the cover block (or instead of a heading).&nbsp;<\/p>\n\n\n\n<p>With the Cover block in Gutenberg, you can also include text and color overlay to your cover image. Make your article more appealing by adding the color overlay that matches your theme or the overall mood of the post.<\/p>\n\n\n\n<p>Traditionally, content writers use headings to break down their posts into sections. Cover images give extra options &#8211; they give you the opportunity to separate post sections in a way that is more visually appealing.<\/p>\n\n\n\n<h2 data-role=\"contents-nav-item\" id=\"what-exactly-is-a-featured-image-in-wordpress\">What Exactly is a Featured Image in WordPress?<\/h2>\n\n\n\n<p>The featured image (also referred to as post thumbnail) is the primary image that represents the whole article. Featured images are displayed on your website single posts, blog archive pages, or on the homepage of blog, news, and magazine websites.<\/p>\n\n\n\n<p>Additionally, the featured image is displayed whenever you share your post on social media.<\/p>\n\n\n\n<p>Featured images need to be designed carefully to look neat and attractive. They give users an overlook on your content and what it\u2019s about, similarly to the cover of a book. When creating your featured images (or hiring a professional designer to do that for you), make sure they are on point.<\/p>\n\n\n\n<p>By default, almost all themes in WordPress support featured images. Where and how a featured image would be displayed is ultimately dependant on the WordPress theme. For advanced featured images, you can check some plugins such as <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/soliloquywp.com\/\" target=\"_blank\">Soliloquy<\/a>, <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/quick-featured-images\/\" target=\"_blank\">Quick Featured Images<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/multiple-post-thumbnails\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Multiple Post Thumbnails<\/a>, etc.<\/p>\n\n\n\n<h2 data-role=\"contents-nav-item\" id=\"adding-a-cover-image-in-gutenberg\">Adding a Cover Image in Gutenberg<\/h2>\n\n\n\n<p>As we mentioned, Gutenberg comes with a <strong>Cover block<\/strong> that allows you to add cover images in WordPress. Here is what you do to add your cover image:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create your new post or edit an existing one;<\/li><li>On your edit screen, click the <strong>Add New Block<\/strong> button and then choose the <strong>Cover<\/strong> block:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"591\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/find-the-cover-block-in-wordpress-gutenberg.png\" alt=\"Find the Cover Block in WordPress-Gutenberg\" class=\"wp-image-4410\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/find-the-cover-block-in-wordpress-gutenberg.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/find-the-cover-block-in-wordpress-gutenberg-300x173.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/find-the-cover-block-in-wordpress-gutenberg-768x443.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You should be able to find the <strong>Cover<\/strong> block inside the <strong>Common Blocks<\/strong> tab;<\/li><li>Otherwise, you can simply write cover in the block search bar, or go with the command <em>\/cover<\/em> while typing in your content:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/use-command-cover-to-add-cover-block.png\" alt=\"Use the Command Cover to Add Cover Block\" class=\"wp-image-4411\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/use-command-cover-to-add-cover-block.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/use-command-cover-to-add-cover-block-300x138.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/use-command-cover-to-add-cover-block-768x354.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>When you click on the block, you can see that it comes with options for including a cover image:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-block-options.png\" alt=\"Cover Block Options\" class=\"wp-image-4412\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-block-options.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-block-options-300x138.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-block-options-768x354.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Choose between adding images or videos with the <strong>Upload<\/strong> button, or using the simple <strong>drag-and-drop<\/strong> function in the block area to upload your new cover image;<\/li><li>If you want to add an image that you have already uploaded to your media library, click the <strong>Media Library<\/strong> button and then just select the desired image from all uploaded files;<\/li><li>Once you have added your cover image, you can quickly customize it by clicking on it. You will see a toolbar with the customization options for the cover image;<\/li><li>In addition to the alignment options, the cover image block comes with two width choices &#8211; Wide width and Full width (if your theme supports them);<\/li><li>The <strong>Wide Width<\/strong> option makes the cover image look as wide as your content, and the <strong>Full Width<\/strong> option makes it take the entire window screen (accordingly with the resolution of the cover image).<\/li><li>Add your cover image title;<\/li><li>You get the formatting options on top of the text or the cover image itself:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-title-formatting-options.png\" alt=\"Cover Image Title Formatting Options\" class=\"wp-image-4413\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-title-formatting-options.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-title-formatting-options-300x175.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-title-formatting-options-768x448.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>There are also cover block settings on the right-side panel. You can <strong>Enable Fixed Background<\/strong> if you want a <strong>parallax effect<\/strong> for when visitors scroll down your page:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"346\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/enable-fixed-background-for-cover-image-768x346.png\" alt=\"Enable Fixed Background for Cover Image\" class=\"wp-image-4415\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/enable-fixed-background-for-cover-image-768x346.png 768w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/enable-fixed-background-for-cover-image-300x135.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/enable-fixed-background-for-cover-image.png 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Below those settings, you will see the <strong>Color Overlay<\/strong> options for your cover image. By default, this option is to add your theme\u2019s color as an overlay color with 50% transparency, but you can change both the color and the opacity by moving the point;<\/li><li>You have the option to <strong>add CSS code<\/strong> and more styles to your cover image by going to the Advanced options:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-settings-menu.png\" alt=\"Cover Image Settings Menu\" class=\"wp-image-4414\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-settings-menu.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-settings-menu-300x136.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/cover-image-settings-menu-768x349.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>That\u2019s it!<\/li><li>Repeat the steps if you want multiple cover images in a single article.<\/li><\/ul>\n\n\n\n<h2 data-role=\"contents-nav-item\" id=\"adding-a-featured-image-in-wordpress\">Adding a Featured Image in WordPress<\/h2>\n\n\n\n<p>The way to add featured images in Gutenberg is the same as with the Classic editor. If you\u2019ve had your blog for a while, you should know how to do the whole thing.<\/p>\n\n\n\n<p>However, for those that are relatively new to WordPress, we will provide a little step by step guide on how to add featured images in Gutenberg:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Open a post edit screen;<\/li><li>Navigate to <strong>Document<\/strong> \u2192 <strong>Featured Image<\/strong>:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"420\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/adding-featured-image-in-wordpress.png\" alt=\"Adding Featured Image in WordPress\" class=\"wp-image-4416\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/adding-featured-image-in-wordpress.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/adding-featured-image-in-wordpress-300x123.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/adding-featured-image-in-wordpress-768x315.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on <strong>Set featured image<\/strong>:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/click-on-set-featured-image.png\" alt=\"Click on Set Featured Image\" class=\"wp-image-4417\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/click-on-set-featured-image.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/click-on-set-featured-image-300x110.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/click-on-set-featured-image-768x283.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Upload your image by either using the drag-and-drop method or by selecting one from your media library;<\/li><li>After that, you can add a title (if you don\u2019t have one already) and an <strong>Alt text<\/strong> for your featured image, and then just click the <strong>Select<\/strong> option.<\/li><li>Success!<\/li><\/ul>\n\n\n\n<p>Once you have added a featured image, you will be able to preview your post and check how it looks.<\/p>\n\n\n\n<h3 data-role=\"contents-nav-item\" id=\"featured-image-theme-relations\">Featured Image Theme Relations<\/h3>\n\n\n\n<p>If you are using the current default theme <strong>Twenty Nineteen<\/strong> or one of the other modern themes, you may see the color overlay that we mentioned earlier in the post. You can either remove the overlay or change the color by going to the WordPress customizer:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Appearance<\/strong> \u2192 <strong>Customize<\/strong> in your WordPress menu:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"393\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/go-to-appearance-customize.png\" alt=\"Go to Appearance Customize in WordPress Dashboard\" class=\"wp-image-4418\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/go-to-appearance-customize.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/go-to-appearance-customize-300x115.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/go-to-appearance-customize-768x295.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>On Customize panel, click the Colors option on the left:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/theme-color-settings-in-wordpress.png\" alt=\"Theme Color Settings in WordPress\" class=\"wp-image-4419\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/theme-color-settings-in-wordpress.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/theme-color-settings-in-wordpress-300x122.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/theme-color-settings-in-wordpress-768x314.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You will find your theme\u2019s primary color and the option to enable or disable the image filter;<\/li><li>Select the <strong>Custom Color<\/strong> to change the primary color of the theme. Choose your color;<\/li><li>Disable the color filter on all your featured images. There is a check on \u201c<strong>Apply a filter to featured images using the primary color.<\/strong>\u201d Remove it:<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/remove-theme-color-filter-for-featured-images.png\" alt=\"Remove Theme Color Filter for Featured Images\" class=\"wp-image-4420\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/remove-theme-color-filter-for-featured-images.png 1024w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/remove-theme-color-filter-for-featured-images-300x122.png 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/remove-theme-color-filter-for-featured-images-768x313.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"alert alert-info mb-5\"><p><strong>Keep Note:<\/strong> Featured images are managed by WordPress themes. You may not find the color overlay option if your theme doesn\u2019t support image filters.<\/p><\/div>\n\n\n\n<h2 data-role=\"contents-nav-item\" id=\"final-thoughts\">Final Thoughts<\/h2>\n\n\n\n<p>In summation, featured images are popular among WordPress blogs, magazines, entertainment sites, and news websites. Those images are used as main article thumbnails and images. You can think of Featured images as a book cover. People often have strong first impressions, and the featured image works precisely for that, therefore it has to be as good as possible. A well-designed featured image can do wonders for the visitors count on your post.<\/p>\n\n\n\n<p>Cover images are an actual part of your article. Your users see the cover image after opening your post, and thus, they make your articles look more complete. The best use of cover images is adding them as a transition between sections when you have a long article.<\/p>\n\n\n\n<p>Cover images are quite different from regular post images. They have the full width option (much like with <a href=\"https:\/\/www.fastcomet.com\/kb\/create-an-image-gallery-in-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"the gallery block (opens in a new tab)\">the gallery block<\/a>), and you can add text overlay on them if you wish. The proper use of cover images can improve user engagement and even the accessibility points of your post.<\/p>\n\n\n\n<p>We hope this article cleared up the picture on Featured Images vs. Cover Images. People often get confused about those two, which is understandable. If you have anything to ask or something to add, feel free to do it in the comment section.<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Since WordPress 5.0, we have Gutenberg set as our default block editor. With it, we got some new features, including the Cover block. It gives you the opportunity to add cover images to your site pages and posts. The cover image feature can be confusing to some users, mainly because it could be seen as [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":4428,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[256],"tags":[240,275,72,44],"class_list":["post-4406","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-accessibility","tag-images","tag-seo","tag-wordpress"],"featured_image_src":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png","author_info":{"display_name":"Joseph","author_link":"https:\/\/www.fastcomet.com\/blog\/author\/joseph"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cover Image vs. Featured Image in WordPress - FastComet<\/title>\n<meta name=\"description\" content=\"Let&#039;s talk about what a WordPress featured image is and what exactly is WordPress Block Editor cover image. We&#039;ll detail in depth difference and show you some examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cover Image vs. Featured Image in WordPress - FastComet\" \/>\n<meta property=\"og:description\" content=\"Let&#039;s talk about what a WordPress featured image is and what exactly is WordPress Block Editor cover image. We&#039;ll detail in depth difference and show you some examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg\" \/>\n<meta property=\"og:site_name\" content=\"FastComet Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-09-19T14:03:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-10T05:54:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Joseph\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joseph\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cover Image vs. Featured Image in WordPress - FastComet","description":"Let's talk about what a WordPress featured image is and what exactly is WordPress Block Editor cover image. We'll detail in depth difference and show you some examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg","og_locale":"en_US","og_type":"article","og_title":"Cover Image vs. Featured Image in WordPress - FastComet","og_description":"Let's talk about what a WordPress featured image is and what exactly is WordPress Block Editor cover image. We'll detail in depth difference and show you some examples.","og_url":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg","og_site_name":"FastComet Blog","article_published_time":"2019-09-19T14:03:56+00:00","article_modified_time":"2022-06-10T05:54:56+00:00","og_image":[{"width":1024,"height":620,"url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png","type":"image\/png"}],"author":"Joseph","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Joseph","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg","url":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg","name":"Cover Image vs. Featured Image in WordPress - FastComet","isPartOf":{"@id":"https:\/\/www.fastcomet.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg#primaryimage"},"image":{"@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg#primaryimage"},"thumbnailUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png","datePublished":"2019-09-19T14:03:56+00:00","dateModified":"2022-06-10T05:54:56+00:00","author":{"@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/4f2c9600f49c872b8d56996ee3b95035"},"description":"Let's talk about what a WordPress featured image is and what exactly is WordPress Block Editor cover image. We'll detail in depth difference and show you some examples.","breadcrumb":{"@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg#primaryimage","url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png","contentUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2019\/09\/wordpress-cover-vs-featured-image.png","width":1024,"height":620,"caption":"WordPress Cover vs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fastcomet.com\/blog\/cover-image-vs-featured-image-in-wordpress-gutenberg#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fastcomet.com\/blog"},{"@type":"ListItem","position":2,"name":"Cover Image vs. Featured Image in WordPress Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/www.fastcomet.com\/blog\/#website","url":"https:\/\/www.fastcomet.com\/blog\/","name":"FastComet Blog","description":"FastComet Web Hosting Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fastcomet.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/4f2c9600f49c872b8d56996ee3b95035","name":"Joseph","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1aa84dc2a6398ed73c957bd1de58806d12d44e2956744ed1ae9b435d57822ab7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1aa84dc2a6398ed73c957bd1de58806d12d44e2956744ed1ae9b435d57822ab7?s=96&d=mm&r=g","caption":"Joseph"},"description":"Joseph is part of the FastComet Marketing team. With years of content writing experience behind him, it's one of his favorite activities. Joseph takes part in the SEO of the FastComet website and blog. His goal is to write comprehensive posts and guides, always aiming to help our clients with essential information. Joseph also has a thirst for knowledge and improvement, which makes the hosting environment a perfect place for him.","sameAs":["https:\/\/www.fastcomet.com\/"],"url":"https:\/\/www.fastcomet.com\/blog\/author\/joseph"}]}},"_links":{"self":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/4406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/comments?post=4406"}],"version-history":[{"count":14,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/4406\/revisions"}],"predecessor-version":[{"id":4436,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/4406\/revisions\/4436"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media\/4428"}],"wp:attachment":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media?parent=4406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/categories?post=4406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/tags?post=4406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}