{"id":6663,"date":"2025-01-10T13:17:32","date_gmt":"2025-01-10T13:17:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=6663"},"modified":"2025-01-10T13:17:32","modified_gmt":"2025-01-10T13:17:32","slug":"como-usar-o-bloco-de-capa-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/","title":{"rendered":"Como usar o Cover Block no WordPress (3 etapas f\u00e1ceis)"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/cover-block\/\" target=\"_blank\" rel=\"noopener\">The Cover Block<\/a><\/strong> is essential to add an image or video with a text overlay. It is an expert tool for highlighting a key message or showcasing important product features.<\/p>\n\n\n\n<p>Today, in this article, we will discuss &#8220;How to Use the Cover Block in WordPress&#8221;, its general features, toolbar features, etc. So please stick with us from start to finish and master the block to shine your website. <\/p>\n\n\n<div data-is_sticky=\"false\" data-sticky_toc_position=\"left\" data-hide_sticky_on_mobile=\"false\" data-sticky_button_icon='&lt;svg style=\"color:#000000;\" class=\"ub_sticky-toc-open-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"34px\" width=\"34px\" viewBox=\"0, 0, 448, 512\"&gt;&lt;path fill=\"currentColor\" d=\"M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z\"&gt;&lt;\/svg&gt;' data-sticky_button_color=\"#000000\" data-sticky_toc_width=\"320px\" style=\"max-width: -moz-fit-content; \" class=\"wp-block-ub-table-of-contents-block ub_table-of-contents ub_table-of-contents-collapsed\" id=\"ub_table-of-contents-f0c3384e-a6eb-4f2c-aa85-f8b1162ecfdb\" data-linktodivider=\"false\" data-showtext=\"show\" data-hidetext=\"hide\" data-scrolltype=\"auto\" data-enablesmoothscroll=\"false\" data-initiallyhideonmobile=\"false\" data-initiallyshow=\"false\"><div class=\"ub_table-of-contents-header-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-header\" style=\"text-align: left; \">\n\t\t\t\t<div class=\"ub_table-of-contents-title\">How to Use the Cover Block in WordPress<\/div>\n\t\t\t\t<div class=\"ub_table-of-contents-header-toggle\">\n\t\t\t<div class=\"ub_table-of-contents-toggle\" style=\"\">\n\t\t\t\u00a0[<a class=\"ub_table-of-contents-toggle-link\" href=\"#\" style=\"\">show<\/a>]\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><div class=\"ub_table-of-contents-extra-container\" style=\"\">\n\t\t\t<div class=\"ub_table-of-contents-container ub_table-of-contents-1-column ub-hide\">\n\t\t\t\t<ul style=\"\"><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#0-what-is-the-wordpress-cover-block\" style=\"\">What is the WordPress Cover Block?<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#1-toolbar-features-of-the-wordpress-cover-block\" style=\"\">Toolbar Features of the WordPress Cover Block<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#2-how-to-use-the-cover-block-in-wordpress\" style=\"\">How to Use the Cover Block in WordPress<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#3-step-1-insert-the-cover-image\" style=\"\">Step 1: Insert the Cover Image<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#4-step-2-insert-your-image-or-video-file\" style=\"\">Step 2: Insert Your Image or Video File<\/a><ul><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#5-how-to-insert-image-or-video-using-the-upload-option-\" style=\"\">How to Insert Image or Video using the Upload Option<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#6-how-to-insert-image-or-vide-via-media-library-option\" style=\"\">How to Insert Image Or Vide via Media Library Option<\/a><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#7-how-to-insert-image-via-the-use-featured-image-option\" style=\"\">How to Insert Image via the &#8220;Use Featured Image&#8221; Option<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#8-step-3-customization\" style=\"\">Step 3: Customization<\/a><\/li><\/ul><\/li><li style=\"\"><a href=\"https:\/\/tableberg.com\/pt\/how-to-use-the-cover-block-in-wordpress\/#9-final-thoughts\" style=\"\">Final Thoughts!<\/a><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"0-what-is-the-wordpress-cover-block\">What is the WordPress Cover Block?<\/h2>\n\n\n\n<p>The WordPress cover block is a core block that comes with the WordPress to add an image or video in the background of the text. <\/p>\n\n\n\n<p>It adds a full-width or boxed container and is used for headers, banners, or any content sections that are required to grab attention. <\/p>\n\n\n\n<p><strong>Key Features of the WordPress Cover Block<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-ce040919-9de5-41ab-acf3-4f7fb830dcbb\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-605ed437-371b-4335-becf-3c051645d89a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Background Options<\/strong>: Add images, videos, or solid colors as your background.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-605ed437-371b-4335-becf-3c051645d89a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Resize:<\/strong> You can increase or decrease the cover block&#8217;s size simply by dragging the height and width in the editor. <\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-605ed437-371b-4335-becf-3c051645d89a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Text Overlay: <\/strong>Insert customizable text over the background for added emphasis.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-605ed437-371b-4335-becf-3c051645d89a\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><strong>Opacity Control<\/strong>: Adjust the transparency of the background to blend it seamlessly with other elements.<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n\n<h2 class=\"wp-block-heading\" id=\"1-toolbar-features-of-the-wordpress-cover-block\">Toolbar Features of the WordPress Cover Block<\/h2>\n\n\n\n<p>The toolbar features are explained below. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Transform to: <\/strong>Using the option, you can transform this block to Image, Columns, Details, Group, and Media &amp; Text. <\/li>\n\n\n\n<li><strong>Drag:<\/strong> Allows you to drag and drop the dedicated block into any place in the editor.<\/li>\n\n\n\n<li><strong>Moving Handles: <\/strong>Let you move your block up and down.<\/li>\n\n\n\n<li><strong>Align: <\/strong>The align option lets you set the image alignment to None, Wide Width, Full Width, Left, Center, and Right.<\/li>\n\n\n\n<li><strong>Duotone: <\/strong>The duotone filter lets you create a two-tone color effect without losing the original image. Again, you can set shadows and highlights using the feature.<\/li>\n\n\n\n<li><strong>Change Current Position: <\/strong>It lets you set the block&#8217;s position within the cover block since you can add various other blocks inside the cover block. <\/li>\n\n\n\n<li><strong>Toggle Full Height: <\/strong>Custom height will be applied<strong> <\/strong>to your block. <\/li>\n\n\n\n<li><strong>Replace: <\/strong>The replace option lets you replace your current image with the other image.<\/li>\n\n\n\n<li><strong>Option:<\/strong> Offers more options related to the section of the block, such as duplicate, copy, group, etc.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"868\" height=\"716\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-28-39-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6671\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-28-39-1.png 868w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-28-39-1-300x247.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-28-39-1-768x634.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-28-39-1-15x12.png 15w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Create Beautiful Tables <\/strong><br><strong>With Block Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Try Free<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get Pro<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"2-how-to-use-the-cover-block-in-wordpress\">How to Use the Cover Block in WordPress<\/h2>\n\n\n\n<p>Using the cover block in WordPress is simple. Make sure to follow these steps thoroughly. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-step-1-insert-the-cover-image\">Step 1: Insert the Cover Block<\/h3>\n\n\n\n<p>To insert the <strong>cover block<\/strong>, head to your post or page. Afterward, click the Add Block (\u201c<strong>+<\/strong>\u201c)\u00a0<strong>Add Block<\/strong>\u00a0icon\u00a0<strong>(1)<\/strong>, type \u201c<strong>Cover<\/strong>\u201d in the search box\u00a0<strong>(2)<\/strong>, and click \u201c<strong>Cover<\/strong>\u201d\u00a0<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"552\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-44-48.png\" alt=\"How to use the Cover Block in WordPress\" class=\"has-border-color has-main-accent-border-color wp-image-6673\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-44-48.png 886w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-44-48-300x187.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-44-48-768x478.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_16-44-48-18x12.png 18w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-step-2-insert-your-image-or-video-file\">Step 2: Insert Your Image or Video File<\/h3>\n\n\n\n<p>You can select these three options to insert a video or image file. Again, you can choose the solid colors below as your cover background. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"656\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-24-59-1.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6678\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-24-59-1.png 878w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-24-59-1-300x224.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-24-59-1-768x574.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-24-59-1-16x12.png 16w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"5-how-to-insert-image-or-video-using-the-upload-option-\"><strong>How to Insert Image or Video using the Upload Option<\/strong><\/h4>\n\n\n\n<p>To insert image files, click the upload button, select your image or video, and click open. It will be open in the editor after that.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"698\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-29-56.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6676\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"6-how-to-insert-image-or-vide-via-media-library-option\">How to Insert Image Or Vide via Media Library Option<\/h4>\n\n\n\n<p>Click the Media Library button, select the image, and click the Select button to insert the image into the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"628\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-31-59.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6677\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"7-how-to-insert-image-via-the-use-featured-image-option\">How to Insert Image via the &#8220;Use Featured Image&#8221; Option<\/h4>\n\n\n\n<p>If you choose this option, your featured image will be selected automatically for the bloc. Make sure you have chosen the featured image in your post.  <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"634\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_17-35-20.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6679\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-step-3-customization\">Step 3: Customization<\/h3>\n\n\n\n<p>For further block customization, navigate <strong>Settings<\/strong>\u00a0(<strong>1<\/strong>)\u00a0<strong>><\/strong>\u00a0<strong>Block<\/strong>\u00a0<strong>(2)<\/strong>\u00a0<strong>> Settings<\/strong>\u00a0<strong>(3)<\/strong>.<\/p>\n\n\n\n<p>In the settings option, you can enable or disable the layout <strong>(A)<\/strong> and modify the content <strong>(B)<\/strong> and wide widths <strong>(C)<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"706\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-12-44.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6680\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-12-44.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-12-44-300x240.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-12-44-768x613.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-12-44-15x12.png 15w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p>You can also change the look of your cover block from the Styles Option located next to the Settings. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"756\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-17-40.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6681\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-17-40.png 872w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-17-40-300x260.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-17-40-768x666.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-17-40-14x12.png 14w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/figure>\n\n\n\n<p>You can modify the following options in the <strong>Styles<\/strong> menu.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><strong>Color: <\/strong>You can change the color of the text and heading. <\/li>\n\n\n\n<li><strong>Overlay: <\/strong>The overlay option lets you select an extra solid color for your overlay or not select any if you like. However, you can change the overlay opacity to highlight your text or targeted message. <\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"748\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-30-27-1.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6684\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"734\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-36-48.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6685\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-36-48.png 266w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-36-48-109x300.png 109w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-36-48-4x12.png 4w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:27px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Filters:<\/strong> Duotone filter lets you create a two-tone color effect without losing the original image. Again, you can set shadows and highlights using the feature.<\/li>\n\n\n\n<li><strong>Typography:<\/strong> Typography lets you modify the font, font size, appearance, line height, letter spacing, decoration, and letter case. <\/li>\n\n\n\n<li><strong>Dimensions:<\/strong> This feature allows you to set margins, padding, and block spacing for your cover block.<\/li>\n\n\n\n<li><strong>Aspect Ratio: <\/strong>This lets you set the aspect ratio for your image to Original, Square, Standard, Portrait, Classic, Classic Portrait, Wide, and Tall.<\/li>\n\n\n\n<li><strong>Minimum Height: <\/strong>This feature lets<strong> <\/strong>define the minimum height for the cover block. <\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:61px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Border &amp; Shadow: <\/strong>Using this feature, you can add a border and border radius for the image block.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<figure class=\"wp-block-image alignleft size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"266\" height=\"208\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-39-26-2.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6692\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-39-26-2.png 266w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-10_18-39-26-2-15x12.png 15w\" sizes=\"auto, (max-width: 266px) 100vw, 266px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>So that&#8217;s how you can use the cover block and learn all its elements. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"9-final-thoughts\">Final Thoughts!<\/h2>\n\n\n\n<p>The WordPress cover block is undeniably an efficient tool to enhance the visual appeal and highlight your targeted message in your WordPress website. <\/p>\n\n\n\n<p>Learn and explore its features to elevate your content like never before. Hope this article has helped you learn all the features of the block. What do you think? Let me know in the comment section below. <\/p>\n\n\n\n<p><strong>Read more!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 0px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-127702f0-0a96-4633-8efd-b90e4b71dae2\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7da83ce0-3417-46b1-932e-2dc31402c5a6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-image-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Image Block in WordPress in 3 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7da83ce0-3417-46b1-932e-2dc31402c5a6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-gallery-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Gallery Block in WordPress in 3 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7da83ce0-3417-46b1-932e-2dc31402c5a6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-video-block-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the Video Block in WordPress in 3 Easy Steps<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7da83ce0-3417-46b1-932e-2dc31402c5a6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/how-to-use-the-wordpress-block-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Use the WordPress Block Editor (A Beginner&#8217;s Guide)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-7da83ce0-3417-46b1-932e-2dc31402c5a6\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/best-comparison-table-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 Best Comparison Table WordPress Plugins (Expert Picks)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-ee088a4b-086e-48dd-8cda-34227ca874d6\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"facebook-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-cover-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Cover%20Block%20in%20WordPress%20%283%20Easy%20Steps%29\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><a aria-label=\"twitter-logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-cover-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Cover%20Block%20in%20WordPress%20%283%20Easy%20Steps%29\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fpt%2Fhow-to-use-the-cover-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">share<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Cover Block is essential to add an image or video with a text overlay. It is an expert tool for highlighting a key message or showcasing important product features. Today, in this article, we will discuss &#8220;How to Use the Cover Block in WordPress&#8221;, its general features, toolbar features, etc. So please stick with [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6664,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6663","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Use-the-File-Cover-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/pt\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6663","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=6663"}],"version-history":[{"count":18,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6663\/revisions"}],"predecessor-version":[{"id":6699,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6663\/revisions\/6699"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6664"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=6663"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=6663"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=6663"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}