{"id":15466731,"date":"2022-03-17T14:40:59","date_gmt":"2022-03-17T14:40:59","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=15466731"},"modified":"2024-06-08T17:55:25","modified_gmt":"2024-06-08T17:55:25","slug":"post-featured-image-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/post-featured-image-block\/","title":{"rendered":"Post Featured Image block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go to the List of Blocks<\/a><\/p>\n\n\n\n<p>Use the Post Featured Image block to display the featured image of a post. This block is primarily nested inside a <a href=\"https:\/\/wordpress.org\/documentation\/article\/query-loop-block\/\">query loop block<\/a> and helps to customize the appearance of the query loop.<\/p>\n\n\n\n<p>To add a Post Featured Image block:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the <strong>Block Inserter<\/strong> icon when editing the page template.<\/li>\n\n\n\n<li>Search for the Post Featured Image<strong> block<\/strong>.<\/li>\n\n\n\n<li>Click on it to add the block to your Post Template.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image1-1024x580.gif\" alt=\"GIF showing how to add Post Featured Image block\" class=\"wp-image-16359334\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image1-1024x580.gif 1024w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image1-300x170.gif 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image1-768x435.gif 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>You can also type \/post-featured-image and hit enter in a new paragraph block to add the Post Featured Image block quickly.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/ygemNgtVx9_SQ-08x2D5b6W6TurEQkPl38HxouK_8pNtkobIxoDgt4KH2ukyrydvJ05h_SVXFlO5ulWN5EM6h_CTDX1YAwShagFrCv3wQ21caZpQW3rVD5R2RNCJPb2n4Ho5OHBT\" alt=\"Add Post Featured Image block quickly\" style=\"width:389px;height:119px\" \/><figcaption class=\"wp-element-caption\">Add Post Featured Image block quickly<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/featured-image-block-placeholder-1024x488.png\" alt=\"Featured image block placeholder\" class=\"wp-image-16359362\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/featured-image-block-placeholder-1024x488.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/featured-image-block-placeholder-300x143.png 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/featured-image-block-placeholder-768x366.png 768w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/featured-image-block-placeholder.png 1035w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Featured image block placeholder<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<p>To view the block toolbar, click on the block and the toolbar will be displayed.<\/p>\n\n\n\n<p>Every block comes with unique toolbar icons. These block-specific controls allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<p>The Post Featured Image block shows six buttons in the block toolbar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Drag icon<\/li>\n\n\n\n<li>Move handles<\/li>\n\n\n\n<li>Apply duotone filter<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"108\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image3.png\" alt=\"Post Featured Image block toolbar\" class=\"wp-image-16359336\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image3.png 502w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image3-300x65.png 300w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><figcaption class=\"wp-element-caption\">Post Featured Image Block Toolbar<\/figcaption><\/figure>\n\n\n\n<p><strong>Transform to:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"372\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image9.png\" alt=\"Transform options for the Post Featured Image block\" class=\"wp-image-16359337\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image9.png 750w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image9-300x149.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><figcaption class=\"wp-element-caption\">Transform options for the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<p>Click on the \u201cTransform\u201d button to convert the Post Featured Image block into a \u201cGroup\u201d block or \u201cColumns\u201d block.&nbsp;<\/p>\n\n\n\n<p><strong>Drag icon:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"116\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image5.png\" alt=\"Drag icon in the Post Featured Image block\" class=\"wp-image-16359338\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image5.png 508w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image5-300x69.png 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><figcaption class=\"wp-element-caption\">Drag icon in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<p>To drag and drop the block to a new location on the page template, click and hold the rectangle of dots, then drag to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\n<p><strong>Move arrows:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"116\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image2.png\" alt=\"Move arrows in the Post Featured Image block\" class=\"wp-image-16359339\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image2.png 508w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image2-300x69.png 300w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/><figcaption class=\"wp-element-caption\">Move arrows in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<p>The up and down arrow icons can be used to move the block up and down on the page.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<p><strong>Change alignment:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/ix45TWFtmcIc5ZyBh75lRu00jOQZG10tBP-QXWW1GN4D_5zxTn42a7ICTW-o2M1bBnGgRfxsWpJ5LdpnxO0FZFONHEtr-wNR9jUCMyM3a3rrx-7qlZGnHJxe3gIb-WRps09QCc1U\" alt=\"Change alignment options in the Post Featured Image block\" style=\"width:227px;height:310px\" \/><figcaption class=\"wp-element-caption\">Change alignment options in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>None \u2013 <\/strong>Leaves the block the current size.<\/li>\n\n\n\n<li><strong>Wide width \u2013 <\/strong>Increase the width of the block beyond the content size.<\/li>\n\n\n\n<li><strong>Full width \u2013 <\/strong>Extend the block to cover the full width of the screen.<\/li>\n\n\n\n<li><strong>Align left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\n<li><strong>Align center<\/strong> \u2013 Make the block center aligned.<\/li>\n\n\n\n<li><strong>Align right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Apply duotone filter<\/h3>\n\n\n\n<p>You can create a two-tone color effect (called the duotone effect) on the featured image without actually changing the original image. The duotone effect works best on high-contrast images.&nbsp;<\/p>\n\n\n\n<p>You can pick the two colors for the effect from the list of six duotone presets provided in the drop-down.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Foreground and background<\/li>\n\n\n\n<li>Foreground and secondary<\/li>\n\n\n\n<li>Foreground and tertiary<\/li>\n\n\n\n<li>Primary and background<\/li>\n\n\n\n<li>Primary and secondary<\/li>\n\n\n\n<li>Primary and tertiary<\/li>\n<\/ol>\n\n\n\n<p>These are based on the foreground, background, primary, secondary and tertiary colors set in the theme&#8217;s color palette.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"918\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image10.png\" alt=\"Apply duotone filter in the Post Featured Image block \" class=\"wp-image-16359340\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image10.png 838w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image10-274x300.png 274w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image10-768x841.png 768w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><figcaption class=\"wp-element-caption\">Apply duotone filter in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<p>You can also pick your own colors for the shadows and highlights by clicking on the Shadows \/Highlights option which opens up the color picker and selecting your custom color from the color palette.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image4-1024x580.gif\" alt=\"Video showing how to apply duotone filter\" class=\"wp-image-16359341\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image4-1024x580.gif 1024w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image4-300x170.gif 300w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image4-768x435.gif 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Video showing how to apply duotone filter<\/figcaption><\/figure>\n\n\n\n<p>To clear all the changes you made, use the clear button at the bottom right corner.<\/p>\n\n\n\n<p><strong>More option<\/strong><\/p>\n\n\n\n<p>The More option on a block toolbar gives you more features to customize the block.&nbsp;You have the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<p>Every block has specific options in the editor sidebar besides those found in the <strong>Block Toolbar<\/strong>. If you do not see the sidebar, click the \u2018sidebar\u2019 icon next to the <strong>Publish<\/strong> or <strong>Update<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/yGJF6PO6M4d-dmnrwwCxEaFH0rSGFFLbysPP5kxWqMia7GCEcB-yz-zx2S46LDcjFNkeERIvQT1-SLLlG8LqEgR6CPy4c5D3CN_y9tP3ri6eidEGTCKCz7tSML8YHyb_3v5n-fp6\" alt=\"How to turn on the Block Settings sidebar\n\" style=\"width:339px;height:68px\" \/><figcaption class=\"wp-element-caption\">How to turn on the Block Settings sidebar<br><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"938\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image6.png\" alt=\"Block Settings in the Post Featured Image block\" class=\"wp-image-16359342\" style=\"width:383px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image6.png 550w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image6-176x300.png 176w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption class=\"wp-element-caption\">Block Settings in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"1024\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image11-276x1024.png\" alt=\"Block Style Settings in the Post Featured Image block\" class=\"wp-image-16359344\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image11-276x1024.png 276w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image11-81x300.png 81w\" sizes=\"auto, (max-width: 276px) 100vw, 276px\" \/><figcaption class=\"wp-element-caption\">Block Style Settings in the Post Featured Image block<\/figcaption><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Link to post<\/h3>\n\n\n\n<p>Turn on the \u2018Link to post\u2019 button in the Block Settings to link the featured image to the URL of the post. This enables the website visitor to go to the post by clicking on the Featured image. There is also an option to open the link in a new tab and set link rel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"550\" height=\"418\" src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image7.png\" alt=\"Link settings in the Post Featured Image block\" class=\"wp-image-16359343\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image7.png 550w, https:\/\/wordpress.org\/documentation\/files\/2023\/12\/image7-300x228.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption class=\"wp-element-caption\">Link settings in the Post Featured Image block<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Styles<\/h3>\n\n\n\n<p>Styles settings can be found on a second tab in block settings.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Color<\/h4>\n\n\n\n<p>Under color, options are available to set the overlay color and the opacity. Set the overlay color and adjust the opacity from 0 to 100, and you will notice its effect on the image.<\/p>\n\n\n\n<p>It is also possible to use gradient as overlay if the theme supports gradient presets.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/private-user-images.githubusercontent.com\/1508963\/292544262-c3cda069-6fd4-4a54-8b6f-390c707fc3d8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDMyNjQyMjYsIm5iZiI6MTcwMzI2MzkyNiwicGF0aCI6Ii8xNTA4OTYzLzI5MjU0NDI2Mi1jM2NkYTA2OS02ZmQ0LTRhNTQtOGI2Zi0zOTBjNzA3ZmMzZDgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMjJUMTY1MjA2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2RjYjVlYmIzNzhlNjY3YWY1MWMwMjM1NWIyZDljNTZlNDNlOWNlYjEyMGIyYmIzYTI1ZTQyZmQ3NjlmNTUwZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.AGx2yte2XqMrnrxYqrwYKoc_VOaWI_cBzRN6zyv1_pc\" alt=\"Gradient overlay with 60% opacity\" \/><figcaption class=\"wp-element-caption\">Gradient overlay with 60% opacity<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Filters<\/h4>\n\n\n\n<p>Duotone Filters can also be set from style settings. It works the same as the option available under the Block Toolbar (mentioned above).&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dimensions <\/h4>\n\n\n\n<p>Dimension controls are used to control how groups of blocks are placed alongside one another by changing the values for padding, margin, and other dimensions.<\/p>\n\n\n\n<p>Available dimensions controls<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Padding<\/li>\n\n\n\n<li>Margin<\/li>\n\n\n\n<li>Aspect Ratio &#8211; changes the shape of your image, which may resulted in changing the size as well.<\/li>\n\n\n\n<li>Height &amp; Width<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-left has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Learn more about dimension controls.<\/a><\/p>\n\n\n\n<p>Depending on the theme settings, aspect ratio could be different.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/private-user-images.githubusercontent.com\/1508963\/292555572-cc6705cb-f65e-4a44-b6fc-2c64bdb3c0d5.mp4?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDMyNjYzMDEsIm5iZiI6MTcwMzI2NjAwMSwicGF0aCI6Ii8xNTA4OTYzLzI5MjU1NTU3Mi1jYzY3MDVjYi1mNjVlLTRhNDQtYjZmYy0yYzY0YmRiM2MwZDUubXA0P1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMjJUMTcyNjQxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MTBhNGM5ZTYwODJmMjlhZGI0ZDFlMzgyYjg2YTY3MzI5ZGFlZGEwZWJjMDE4N2UzMzFkODM5MTU5MDlkYzE0YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.rBhrrDjpHZBqgc97JbYUWOEL0PiC-4Fr3Z2xE2ah0uc\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Border<\/h4>\n\n\n\n<p>Set the Border and Border radius of the image.&nbsp;<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/border-settings-overview\/\">Detailed instructions on Border controls<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced settings<\/h3>\n\n\n\n<p>The \u201cAdvanced\u201d tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles to the block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/HCaeEAd-xkijY3husAGN8FkRfOokz6h-mLa1vQoT11JIf366WEE4Y3jtoy6CTOJGTpBZELgZPdIewg2ug8pURV5XtFciGwLHJiNwleOvlGte5WnWTug0SYe4p-qBR54_8oR1NwHM\" alt=\"Advanced option in the selected Block\" style=\"width:343px;height:183px\" \/><figcaption class=\"wp-element-caption\">Advanced option in the selected Block<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Inside the site templates<\/h2>\n\n\n\n<p>Featured image block can be added and managed inside <a href=\"https:\/\/wordpress.org\/documentation\/article\/template-editor\/\">site templates<\/a>, if the theme supports <a href=\"https:\/\/wordpress.org\/documentation\/article\/site-editor\/\">the site editor<\/a>.<\/p>\n\n\n\n<p>Block settings here have a little more options than in a post or page editor, such as scale settings. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/private-user-images.githubusercontent.com\/1508963\/292547350-49bc3add-c38a-498f-86af-ce54a3d977cd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTEiLCJleHAiOjE3MDMyNjUxODIsIm5iZiI6MTcwMzI2NDg4MiwicGF0aCI6Ii8xNTA4OTYzLzI5MjU0NzM1MC00OWJjM2FkZC1jMzhhLTQ5OGYtODZhZi1jZTU0YTNkOTc3Y2QucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQUlXTkpZQVg0Q1NWRUg1M0ElMkYyMDIzMTIyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyMzEyMjJUMTcwODAyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NzVkMTg1YWQ3MDkyMjVhNDNkYmUzOWYzOGQwMTMwMDk2MzU5ZWMzMDM5ZGExZGNkNDk2YzA4OGI1OGY5YjUxNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Ap9BOx7e5e4SjqaJffR-NEB4uz4W31jyxAh8dPcinM0\" alt=\"Archive template screen with loop block, including featured image block\" \/><figcaption class=\"wp-element-caption\">Archive template screen with loop block, including featured image block<\/figcaption><\/figure>\n\n\n\n<div id=\"changelog\" class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#dce5ec\">\n<h2 class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Update 2023-12-22\n<ul class=\"wp-block-list\">\n<li>Add block placeholder screenshot<\/li>\n\n\n\n<li>Add gradient overlay<\/li>\n\n\n\n<li>Add Inside the site templates section<\/li>\n\n\n\n<li>Add aspect ratio video<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2023-12-15\n<ul class=\"wp-block-list\">\n<li>Updated screenshots for 6.3<\/li>\n\n\n\n<li>Add Styles settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created on 2022-03-17<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go to the List of Blocks Use the Post Featured Image block to display the featured image of a post. This block is primarily nested inside a query loop block and helps to customize the appearance of the query loop. To add a Post Featured Image block: You can also type \/post-featured-image and hit enter [&hellip;]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,91],"class_list":["post-15466731","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-theme-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15466731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=15466731"}],"version-history":[{"count":13,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15466731\/revisions"}],"predecessor-version":[{"id":16360367,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/15466731\/revisions\/16360367"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=15466731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=15466731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}