{"id":54890,"date":"2020-04-03T04:13:00","date_gmt":"2020-04-03T09:13:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=54890"},"modified":"2021-08-16T15:38:14","modified_gmt":"2021-08-16T19:38:14","slug":"how-to-use-the-cover-block","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/","title":{"rendered":"How to Use the Cover Block"},"content":{"rendered":"<p>Blocks are great for building content but often present issues in formatting when using images.  The <strong>Cover<\/strong> block was created in order to help provide an option for background images with text. This block gives you the options for image and text alignment, image positioning, and color overlay. We will also show you how to use the cover block in place of a title while changing the page or post URL.  Follow the steps below to learn how to use the cover block in the WordPress editor.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#finding\">Finding the Cover Block<\/a><\/li><li><a href=\"#options\">Options of the Cover Block<\/a><\/li><li><a href=\"#position\">Positioning the Image in the Cover Block<\/a><\/li><li><a href=\"#overlay\">Color Overlay<\/a><\/li><li><a href=\"#permalink\">Using the Cover Block in Place a Title<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">For a secure, optimized home for your WordPress site, subscribe to InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a> soltuions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"finding\">Finding the Cover Block<\/h2>\n\n\n\n<p>When you\u2019re working on a post or page you will need to be <a rel=\"noreferrer noopener\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\" target=\"_blank\">logged into the WordPress Administrator Dashboard<\/a>. Adding new blocks is done within the WordPress editor.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Click on the circled <strong>+<\/strong> sign to add a new block. Find the <strong>Cover<\/strong> block by using the search field, or going to the Common Blocks section.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\"><img decoding=\"async\" width=\"321\" height=\"349\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\" class=\"optimized-lcp-image\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png 321w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block-276x300.png 276w\"><\/a><figcaption>Find the cover block<\/figcaption><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li>You will then see the option to upload or use an image from the media library.  Select your image to add for the cover block.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-new.png\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"335\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-new.png\" alt=\"Cover block newly added to the content\" class=\"wp-image-54892\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-new.png 705w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-new-300x143.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>New cover block added<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\"><li>You can also select a color for the background without selecting an image. The color options presented will be based on the theme that you are using for your WordPress installation. This color can also be used for an overlay if an image is also selected.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Cover Block Options<\/h2>\n\n\n\n<p>The cover block lets you manage the alignment of the image selected, the background color for the image, and the text used within the block. You can also use the block properties to change image position and text appearance. Here\u2019s a list of the options that you can use and how each option appears when you select it.  <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Image Alignment<\/h3>\n\n\n\n<p>When you add an image in the image block, you will be able to select an alignment.  Note that the position of the block will be affected by the theme used by the WordPress site. The alignment options will include: align left, align center, align right, wide width and full width. The screen captures below include the title in order to give you context on the position of the image.<\/p>\n\n\n\n<p><strong>Align Center<\/strong> -Image is centered under the title.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-center.png\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"590\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-center.png\" alt=\"Align options - this image is set to Align Center\" class=\"wp-image-54894\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-center.png 579w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-center-294x300.png 294w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Align options \u2013 this image is set to Align Center<\/figcaption><\/figure>\n\n\n\n<p><strong>Align Left <\/strong>\u2013 Image is positioned to the left of the title.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-left.png\"><img loading=\"lazy\" decoding=\"async\" width=\"804\" height=\"643\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-left.png\" alt=\"cover block - align left\" class=\"wp-image-54893\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-left.png 804w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-left-300x240.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-left-768x614.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Cover block \u2013 aligned left<\/figcaption><\/figure>\n\n\n\n<p><strong>Align right <\/strong>\u2013 Image is positioned to the right of the title.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-right.png\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"591\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-right.png\" alt=\"Cover block - aligned right\" class=\"wp-image-54895\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-right.png 810w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-right-300x219.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-right-768x560.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Cover block \u2013 aligned right<\/figcaption><\/figure>\n\n\n\n<p><strong>Wide width<\/strong> \u2013 Image is the width of the template.  The width of the image will not change.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-wide.png\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"711\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-wide.png\" alt=\"Cover block - wide width alignment\" class=\"wp-image-54896\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-wide.png 958w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-wide-300x223.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-wide-768x570.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Cover block \u2013 wide width alignment<\/figcaption><\/figure>\n\n\n\n<p><strong>Full width<\/strong> \u2013 Image is the width of the viewing window.  As you change the width of the window, the width of the most will change.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"721\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width-1024x721.png\" alt=\"Cover block - full width alignment\" class=\"wp-image-54897\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width-1024x721.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width-300x211.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width-768x541.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-align-full-width.png 1065w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Cover block \u2013 full width alignment<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Cover Text<\/h3>\n\n\n\n<p>After the image has been added to the block, then you will be able to add text as the title of the cover image.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1-1024x494.png\" alt=\"Cover block text options\" class=\"wp-image-54898\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1-1024x494.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1-300x145.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1-768x370.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-text-1.png 1068w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Cover block text options<\/figcaption><\/figure>\n\n\n\n<p>The text within the cover image can be header text, a paragraph, or a quote.  You can also have multiple blocks of text. Each block of text can be aligned, bolded, italicized, and linked.  The block properties (for the cover block) let you modify the text <em>as long as you leave it as a paragraph block<\/em>. As per the screen capture above, you will be able to change the size of the font, use a drop cap for the first letter of the first word in the paragraph, and change the color of the text and text background. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"position\">Positioning the Image<\/h2>\n\n\n\n<p>The image within the cover block can also be manipulated using the block properties.  You will have the option to make the image into a fixed background or select a focal point for the selected image.  You can also manipulate the horizontal and vertical positions using percentages.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-media-settings-2-1024x557.png\" alt=\"Media Settings for the Cover block - positioning the lock\" class=\"wp-image-54899\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-media-settings-2-1024x557.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-media-settings-2-300x163.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-media-settings-2-768x417.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-media-settings-2.png 1089w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption>Media Settings for the Cover block \u2013 positioning the lock<\/figcaption><\/figure>\n\n\n\n<p>The image above shows the block properties to the right of the screen. This image shows an example of the image not being set to a fixed background in the <strong>Media settings<\/strong> section.  This is the default setting for the image used in the cover block.  Here are the other options available for the image within the <strong>Media settings<\/strong> section:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Focal Point Picker<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/focal-point-picker.png\"><img loading=\"lazy\" decoding=\"async\" width=\"217\" height=\"367\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/focal-point-picker.png\" alt=\"focal point picker\" class=\"wp-image-54900\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/focal-point-picker.png 217w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/focal-point-picker-177x300.png 177w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Focal point picker<\/figcaption><\/figure>\n\n\n\n<p>The focal point picker lets you select where the image will focus when it\u2019s displayed. You can also set the horizontal and vertical position of the image by using percentages.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Fixed Background<\/strong><\/p>\n\n\n\n<div class=\"wp-block-cover has-background-dim has-parallax\" style=\"background-image:url(https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/coronavirus.png)\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n\n\n\n<p>The fixed background option will magnify the image and then make it fixed.  When you scroll up and down in the post, it will scroll through the image.  You can see an example of this effect in the image above.  <\/p>\n<\/div>\n<\/div>\n\n\n\n<p>You can also set the minimum height for the image in pixels.  You can find this option directly below the media settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/dimensions.png\"><img loading=\"lazy\" decoding=\"async\" width=\"222\" height=\"105\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/dimensions.png\" alt=\"Dimensions of the image by height\" class=\"wp-image-54902\"><\/a><figcaption>Dimensions of the image by height<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"overlay\">Color Overlay<\/h2>\n\n\n\n<p>A color overlay is generally applied to an image in order to provide a way to make text stand out on a background image that is too light or too dark. You can also use the color overlay to change an image\u2019s appearance. You can find the <strong>Overlay<\/strong> section underneath <strong>Dimensions<\/strong> in the cover block properties.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/overlay.png\"><img loading=\"lazy\" decoding=\"async\" width=\"970\" height=\"421\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/overlay.png\" alt=\"Overlay options\" class=\"wp-image-54903\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/overlay.png 970w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/overlay-300x130.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/overlay-768x333.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><figcaption>Overlay options<\/figcaption><\/figure>\n\n\n\n<p>The overlay color can be selected and also be set to either a solid or gradient.  Each color or gradient selected can also have its opacity set using the <strong>Background opacity<\/strong> setting. The lower the opacity, the more you\u2019ll see the image.  The higher the opacity, the less you\u2019ll see the image and the more you\u2019ll see the color gradient.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"permalink\">Using a Cover Block without a Title<\/h2>\n\n\n\n<p>In some cases, you may want to use the cover block as the title of a page or post.  This would mean that the title block above the cover block would be blank.  However, you will need to be aware that the permalink associated with the page or post will be affected.  WordPress will auto-generate a number to identify the block.  If you do not want the page\/post URL to be set to a number, then you will need to manually change the permalink.  We will step through that process below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-permalink-1024x518.png\" alt=\"Adjusting the permalink\" class=\"wp-image-54904\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-permalink-1024x518.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-permalink-300x152.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-permalink-768x389.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/cover-block-permalink.png 1185w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption>Adjusting the permalink<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>To edit the permalink you can click on the <strong>Edit<\/strong> button in the title block at the top of the page, or go to the document properties for the post or page and click on permalink. <\/li><li>You will then be able to edit the end of the URL for the page or post that you are working with.  If you don\u2019t want to use the assigned number, then change it to descriptive text.<\/li><\/ol>\n\n\n\n<p>Congratulations! You now know how to use a Cover block for your page or post content.  To learn more about using WordPress, please go to our <a href=\"https:\/\/www.inmotionhosting.com\/support\/product-guides\/wordpress-hosting\/\">WordPress Hosting Product Guide.<\/a>  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blocks are great for building content but often present issues in formatting when using images. The Cover block was created in order to help provide an option for background images with text. This block gives you the options for image and text alignment, image positioning, and color overlay. We will also show you how to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[56],"tags":[],"class_list":["post-54890","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the Cover Block | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.\" \/>\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.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Cover Block | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-03T09:13:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-16T19:38:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Use the Cover Block\",\"datePublished\":\"2020-04-03T09:13:00+00:00\",\"dateModified\":\"2021-08-16T19:38:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\"},\"wordCount\":1200,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\",\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\",\"name\":\"How to Use the Cover Block | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\",\"datePublished\":\"2020-04-03T09:13:00+00:00\",\"dateModified\":\"2021-08-16T19:38:14+00:00\",\"description\":\"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the Cover Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Cover Block | InMotion Hosting","description":"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.","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.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Cover Block | InMotion Hosting","og_description":"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2020-04-03T09:13:00+00:00","article_modified_time":"2021-08-16T19:38:14+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Use the Cover Block","datePublished":"2020-04-03T09:13:00+00:00","dateModified":"2021-08-16T19:38:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/"},"wordCount":1200,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png","articleSection":["WordPress Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/","name":"How to Use the Cover Block | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png","datePublished":"2020-04-03T09:13:00+00:00","dateModified":"2021-08-16T19:38:14+00:00","description":"Learn how to use the cover block in the WordPress editor. You will learn to use the various block options provided in the editor.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2020\/04\/find-cover-block.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-use-the-cover-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the Cover Block"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=54890"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54890\/revisions"}],"predecessor-version":[{"id":82959,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/54890\/revisions\/82959"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=54890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=54890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=54890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}