{"id":11284838,"date":"2019-03-07T09:41:57","date_gmt":"2019-03-07T09:41:57","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11284838"},"modified":"2026-05-29T19:02:28","modified_gmt":"2026-05-29T19:02:28","slug":"image-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/image-block\/","title":{"rendered":"Image block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/support\/article\/blocks\/\">Go to the List of Blocks<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Image block to easily add an image to your page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add an Image block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To add the Image<strong>&nbsp;<\/strong>block, click the (+) icon to open the block inserter pop-up window. Look for the Image block using the search bar and click the block icon to add it to the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alternatively, you can quickly add the Image<strong>&nbsp;<\/strong>block by typing&nbsp;<code>\/image<\/code>&nbsp;and pressing Enter.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"848\" height=\"726\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image.png\" alt=\"Image block selected from the block list modal that appears when typing \/image in the editor.\" class=\"wp-image-16368253\" style=\"aspect-ratio:1.1681386155269577;object-fit:cover;width:453px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image.png 848w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-300x257.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-768x658.png 768w\" sizes=\"auto, (max-width: 848px) 100vw, 848px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Initial options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After adding the Image block, you have a few options to choose to get started. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Upload<\/strong>&nbsp;an image or video from your device<\/li>\n\n\n\n<li>Choose&nbsp;<strong>Media Library<\/strong>&nbsp;to select an existing image or video on your site.<\/li>\n\n\n\n<li>Select <strong>Insert from URL<\/strong> to add an image from a specific web address.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-options-1024x363.png\" alt=\"Image block options when first adding to the page to upload, add from media library, or insert an image from a URL. \" class=\"wp-image-16368256\" style=\"width:717px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-options-1024x363.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-options-300x106.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-options-768x272.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-image-options.png 1336w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 id=\"importing-external-images\" class=\"wp-block-heading\">Insert from URL<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">After choosing <strong>Insert from URL<\/strong>, follow the steps below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Paste the image URL and press <strong>Enter<\/strong> to add the image to the page.<\/li>\n\n\n\n<li>To save a copy of the image to your site, select <strong>Upload to Media Library<\/strong> (up arrow) in the <a href=\"#block-toolbar\" data-type=\"internal\" data-id=\"#block-toolbar\">block toolbar<\/a>.<\/li>\n\n\n\n<li>WordPress saves the image to your Media Library and updates the block to use the file from your site instead of the original website.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><strong>Note:<\/strong> This option may not work with every image or website. Some websites block images from being embedded or copied this way. Only use images you have permission to use.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1654\" style=\"aspect-ratio: 3020 \/ 1654;\" width=\"3020\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-insert-from-url.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Additional ways to add images<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">There are also additional ways to add images:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Drag\/drop images <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can drag and drop images from your computer onto a blank page or inside an empty Paragraph block.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Media tab<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can select images from the Media tab in the WordPress block inserter. The Media tab also allows you to select images from the WordPress <a href=\"https:\/\/openverse.org\">Openverse<\/a> library for stock images if enabled in your theme.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the Block Inserter (+) button in the top-left corner. <\/li>\n\n\n\n<li>In the inserter panel that slides out, click the Media tab.<\/li>\n\n\n\n<li>Select an image from the Media Library to add to your page, or Openverse if the option is available.<\/li>\n\n\n\n<li>Images can also be dragged from the Media tab to replace an existing image on the page. <\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Images added to your page from Openverse will automatically be uploaded to your Media Library.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1654\" style=\"aspect-ratio: 3020 \/ 1654;\" width=\"3020\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-insert-via-media-tab.mp4\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Copy images from a document <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can copy and paste images into the editor from tools like Google Docs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you paste an image from another source, the image may still be hosted outside your site. This can cause the image to break later if the original file is moved, deleted, or no longer shared.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To save the image to your site:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copy and paste the image into the editor.<\/li>\n\n\n\n<li>Select the image.<\/li>\n\n\n\n<li>Select the <strong>Upload to Media Library<\/strong> button in the <a href=\"#block-toolbar\" data-type=\"internal\" data-id=\"#block-toolbar\">block toolbar<\/a>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress will save a copy of the image to your Media Library and update the Image block to use the file from your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Update image details<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After uploading or selecting an image, customize the image details in your <a href=\"https:\/\/wordpress.org\/documentation\/article\/media-library-screen\/\">Media Library<\/a>, such as the Title, Caption, Alt Text, and Description. This data is helpful for SEO, accessibility, and helps you search for files in your media library.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If uploaded images contain captions, they will automatically display. You can hide or show image captions in the <a href=\"#block-toolbar\" data-type=\"internal\" data-id=\"#block-toolbar\">block toolbar<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resizing images <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once the image is added to the editor, you can resize and align the images to better fit the surrounding content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To resize an image,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the image to reveal the draggable resize handles. <\/li>\n\n\n\n<li>Click on the resize handles and drag the image to your desired size.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"872\" style=\"aspect-ratio: 1062 \/ 872;\" width=\"1062\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2023\/12\/resize-image.mp4\"><\/video><figcaption class=\"wp-element-caption\">Resize an image by dragging its handles.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" 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<h2 id=\"block-toolbar\" class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-03-02-at-4.15.23-PM-1024x505.png\" alt=\"Block toolbar over an image taken from on the moon during the Apollo mission\" class=\"wp-image-16366882\" style=\"width:711px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-03-02-at-4.15.23-PM-1024x505.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-03-02-at-4.15.23-PM-300x148.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-03-02-at-4.15.23-PM-767x378.png 767w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Screenshot-2026-03-02-at-4.15.23-PM-1.png 1440w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Each block has its own block-specific controls that allow you to manipulate the block right in the editor.&nbsp;The Image block contains the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Move controls<\/li>\n\n\n\n<li>Apply duotone filter<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>Link<\/li>\n\n\n\n<li>Crop <\/li>\n\n\n\n<li>Add text over image<\/li>\n\n\n\n<li>Add\/Remove caption<\/li>\n\n\n\n<li>Replace<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Transform to<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"998\" height=\"942\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-transform-to-selected.png\" alt=\"Dropdown of Transform to in the Image block toolbar including options to transform to Columns, Group, Gallery and more.\" class=\"wp-image-16368275\" style=\"aspect-ratio:1.038802941922394;width:513px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-transform-to-selected.png 998w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-transform-to-selected-300x283.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-transform-to-selected-768x725.png 768w\" sizes=\"auto, (max-width: 998px) 100vw, 998px\" \/><figcaption class=\"wp-element-caption\">Transform to button highlighted in the block toolbar showing the list of transform options.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Transform to tool allows you to convert the Image block into Columns, Group, Gallery, Cover, Details, File, or the Media &amp; Text block. From this setting, you can also apply any style options your theme has enabled for the block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Move controls <\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"176\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-move-controls.png\" alt=\"\" class=\"wp-image-16368273\" style=\"aspect-ratio:5.488654636412364;width:543px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-move-controls.png 966w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-move-controls-300x55.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-move-controls-768x140.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the the drag\/drop button (six dots) to move the block to a new location on the page. A blue separator line appears to indicate where the block will be placed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get more information about moving a block within the editor.<\/a><\/p>\n\n\n\n<h3 id=\"aligning-images\" class=\"wp-block-heading\">Change alignment<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"656\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-change-alignment.png\" alt=\"Dropdown of alignment options in the image block toolbar\" class=\"wp-image-16368274\" style=\"aspect-ratio:1.487831456592808;width:482px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-change-alignment.png 976w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-change-alignment-300x202.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-change-alignment-768x516.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><figcaption class=\"wp-element-caption\">Alignment button selected showing the list of options.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Change alignment<\/strong> tool to modify the alignment of the Image block. Select the tool and pick one of the following alignment options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>None<\/strong>&nbsp;\u2013 Leaves the block the current size.<\/li>\n\n\n\n<li><strong>Wide width<\/strong>&nbsp;\u2013 Increase the width of the post beyond the content size.<\/li>\n\n\n\n<li><strong>Full width<\/strong>&nbsp;\u2013 Extend the block to cover the full width of the screen.<\/li>\n\n\n\n<li><strong>Align left<\/strong>&nbsp;\u2013 Make the block left-aligned.<\/li>\n\n\n\n<li><strong>Align center<\/strong>&nbsp;\u2013 Make the block alignment centered.<\/li>\n\n\n\n<li><strong>Align right&nbsp;<\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wide width and Full width only display if these width options are supported in your theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Wrap text around images<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can wrap text around an image by aligning the image to the left or right.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add the image directly above the paragraph.<\/li>\n\n\n\n<li>Select the image.<\/li>\n\n\n\n<li><a href=\"#resizing-images\">Resize the image<\/a> to be smaller.<\/li>\n\n\n\n<li>In the block toolbar, select <strong>Align left<\/strong> or <strong>Align right<\/strong>.<\/li>\n\n\n\n<li>The paragraph text will wrap around the image.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For best results, use this option with smaller images. Large images can make the text hard to read, especially on mobile devices.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1654\" style=\"aspect-ratio: 3020 \/ 1654;\" width=\"3020\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-wrap-text-around-image.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Duotone<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The block toolbar applies a quick action for applying Duotone colors if enabled in your theme. Each theme provides different color options.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1654\" style=\"aspect-ratio: 3020 \/ 1654;\" width=\"3020\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-duotone-filter-block-toolbar.mp4\"><\/video><\/figure>\n\n\n\n<h3 id=\"captions\" class=\"wp-block-heading\">Captions<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1310\" height=\"1020\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-caption.png\" alt=\"\" class=\"wp-image-16368293\" style=\"aspect-ratio:1.28487033143086;width:667px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-caption.png 1310w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-caption-300x234.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-caption-1024x797.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-caption-768x598.png 768w\" sizes=\"auto, (max-width: 1310px) 100vw, 1310px\" \/><figcaption class=\"wp-element-caption\">Example of the Caption button selected in the block toolbar with an image caption added to the block.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Click the <strong>Add caption<\/strong> button in the block toolbar to show or hide a caption for an individual image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the <strong>Add caption<\/strong> button in the block toolbar.<\/li>\n\n\n\n<li>Select the Image block and enter your caption in the space below the image. <\/li>\n\n\n\n<li>To hide the caption, select the <strong>Add caption<\/strong> button again.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"link-settings\" class=\"wp-block-heading\">Link<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"966\" height=\"550\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-link-settings.png\" alt=\"\" class=\"wp-image-16368287\" style=\"aspect-ratio:1.7563820359623796;width:529px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-link-settings.png 966w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-link-settings-300x171.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-link-settings-768x437.png 768w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><figcaption class=\"wp-element-caption\">Link button highlighted in the block toolbar showing list of link of options. <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can choose link options to apply to an image. Options include the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Search field<\/strong> &#8211; Paste a URL or search for a page, post, or other content on your site to link the image.<\/li>\n\n\n\n<li><strong>Link images to image file <\/strong>\u2013 Link image to the image file in a new browser window.<\/li>\n\n\n\n<li><strong>Link images to attachment page <\/strong>\u2013<strong> <\/strong>Link the image to its WordPress media&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/inserting-images-into-posts-and-pages\/#step-4-attachment-details\">attachment<\/a>&nbsp;page.&nbsp;<\/li>\n\n\n\n<li><strong>Enlarge on click<\/strong>&nbsp;\u2013 Lets visitors open the image in a larger view, known as a lightbox, without leaving the page to see more detail.<\/li>\n<\/ul>\n\n\n\n<h3 id=\"image-editing\" class=\"wp-block-heading\">Crop<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"182\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-crop-button-block-toolbar.png\" alt=\"\" class=\"wp-image-16368297\" style=\"aspect-ratio:5.373917606927316;width:554px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-crop-button-block-toolbar.png 978w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-crop-button-block-toolbar-300x56.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-crop-button-block-toolbar-768x143.png 768w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><figcaption class=\"wp-element-caption\">Crop button highlighted in the block toolbar.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Crop<\/strong> button in the block toolbar to make basic edits to an image directly in the editor. After clicking on the Crop button, you can select from the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zoom<\/strong> in or out on the image.<\/li>\n\n\n\n<li>Change the <strong>aspect ratio<\/strong> to crop the image to a specific shape.<\/li>\n\n\n\n<li><strong>Rotate<\/strong> the image if it appears sideways.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">After making changes, select <strong>Apply<\/strong> to update the image in the block.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1654\" style=\"aspect-ratio: 3020 \/ 1654;\" width=\"3020\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-crop-options.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><strong>Note<\/strong>: WordPress saves the edited version as a new image file, so the original image remains available in your Media Library.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Undo changes<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"323\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-undo-crop-changes-1024x323.png\" alt=\"\" class=\"wp-image-16368299\" style=\"aspect-ratio:3.1702979970688814;width:659px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-undo-crop-changes-1024x323.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-undo-crop-changes-300x95.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-undo-crop-changes-768x242.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-undo-crop-changes.png 1432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Undo action notice at the bottom of the block editor after applying image crop changes.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After applying changes to an image, you can revert them using the Undo option in the action notice or the Undo button in the top-left of the block editor next to the Block Inserter button (+).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add text over image<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"186\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-text-over-image.png\" alt=\"\" class=\"wp-image-16368301\" style=\"aspect-ratio:5.204574332909784;width:573px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-text-over-image.png 968w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-text-over-image-300x58.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-add-text-over-image-768x148.png 768w\" sizes=\"auto, (max-width: 968px) 100vw, 968px\" \/><figcaption class=\"wp-element-caption\"><strong>Add text over image<\/strong> button highlighted in the block toolbar<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Add text over image<\/strong> button to change an Image block into a <a href=\"https:\/\/wordpress.org\/documentation\/article\/cover-block\/\">Cover block<\/a>. This lets you place text on top of the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you select Add text over image, the Image block immediately changes into a Cover block with placeholder text. Replace the placeholder text with your own text.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover-1024x606.png\" alt=\"\" class=\"wp-image-16368302\" style=\"width:651px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover-1024x606.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover-300x178.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover-768x455.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover-1536x909.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-converted-to-cover.png 1740w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use this option when the image is decorative or when the text can remain readable over the image. For better readability, adjust the overlay color or opacity in the Cover block settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Replace<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-replace-option-1024x429.png\" alt=\"\" class=\"wp-image-16368307\" style=\"aspect-ratio:2.387082101432795;width:659px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-replace-option-1024x429.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-replace-option-300x126.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-replace-option-768x322.png 768w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-replace-option.png 1394w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Replace button selected in the block toolbar showing a list of options.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Replace<\/strong> button to select a new image from the Media Library, Upload a new image, or Reset the image block back to it&#8217;s initial setup options.<\/p>\n\n\n\n<h3 id=\"more-settings\" class=\"wp-block-heading\">More options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>More options<\/strong> menu (three dots) includes common block actions, such as copy, duplicate, lock, and edit as HTML.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Image block also includes a <strong>Set as Featured Image<\/strong> option. Use this option to set the selected image as the featured image for the post or page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"334\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-set-featured-image.png\" alt=\"\" class=\"wp-image-16368309\" style=\"aspect-ratio:2.311531958065607;width:465px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-set-featured-image.png 772w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-set-featured-image-300x130.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-set-featured-image-768x332.png 768w\" sizes=\"auto, (max-width: 772px) 100vw, 772px\" \/><figcaption class=\"wp-element-caption\"><strong>Set as featured image<\/strong> action in the More options dropdown menu.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/news\/2021\/05\/coloring-your-images-with-duotone-filters\/\"><\/a><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about the More options menu and its settings<\/a>.<\/p>\n\n\n\n<h2 id=\"block-settings\" class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"453\" height=\"104\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/block-settings-7-0-1.png\" alt=\"Settings icon highlighted next to the Save\/Publish button in the top toolbar in the block editor.\" class=\"wp-image-16367741\" style=\"width:383px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/block-settings-7-0-1.png 453w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/block-settings-7-0-1-300x69.png 300w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click on the <strong>Settings<\/strong> button next to the Save\/Publish button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Image block settings panel is divided into three tabs \u2013 Content, Settings, and Styles. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"710\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-content-options.png\" alt=\"Content settings options for the image block including media and alt text.\" class=\"wp-image-16368522\" style=\"aspect-ratio:0.7774734920300541;object-fit:cover;width:294px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-content-options.png 552w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-content-options-233x300.png 233w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Media<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Select the image thumbnail or file name under <strong>Media<\/strong> to upload a new image, choose one from the Media Library, or reset the image. You can also use the <strong>Media options<\/strong> menu (three dots) next to Media to reset the image or alternative text.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"714\" height=\"638\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-media-options.png\" alt=\"Media option dropdown when selecting on the dropdown in the Content tab of the block settings.\" class=\"wp-image-16368370\" style=\"aspect-ratio:1.1191256830601093;width:364px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-media-options.png 714w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-media-options-300x268.png 300w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Alternative text<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Adding alternative text directly in the Media Library sets it as the default for that image. When you insert the image into a page or post using the block editor, this alt text will automatically carry over. Keep in mind that if you change the alt text within the block settings later, that edit only applies to that specific page or post.<\/p>\n\n\n\n<h3 id=\"image-settings\" class=\"wp-block-heading\">Settings<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"958\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-settings.png\" alt=\"Settings for the image block including resolution and advanced settings.\" class=\"wp-image-16368521\" style=\"aspect-ratio:0.584563591710588;object-fit:cover;width:294px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-settings.png 560w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-settings-175x300.png 175w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Resolution <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can also choose the <strong>Resolution<\/strong> of your image with options that may include Full Size, Large, Medium and Thumbnail depending on what your theme supports and the size of the originally uploaded image.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/image-size-and-quality\/\">Learn more about image size and quality<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Image block provides the following Advanced settings options: HTML Anchor, Additional CSS Class(es), Additional CSS, Title attribute, and Styles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Title attribute<\/strong> can be used to describe the role of this image on the page, however many devices and browsers do not display this text.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/advanced-settings-overview\/\">Learn more about advanced settings<\/a><\/p>\n\n\n\n<h3 id=\"styles\" class=\"wp-block-heading\">Styles<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"1377\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-style-settings-1.png\" alt=\"Image block style settings including dimensions, duotone, aspect ratio, and more.\" class=\"wp-image-16368526\" style=\"width:294px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-style-settings-1.png 558w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-style-settings-1-122x300.png 122w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-style-settings-1-415x1024.png 415w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Style options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Styles<\/strong> section appears if your theme includes custom image style options. The available styles may vary, but common options include <strong>Default<\/strong> and <strong>Rounded<\/strong>. The Rounded style adds rounded corners to the image.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Filters<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can create a filter effect on images without actually changing the original image. The Duotone filter option allows you to add this filter color to your block content from the block toolbar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/filters-settings-overview\/\">Read more about the filter options<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Dimensions<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Image block provides dimension settings options to change margin size.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Dimension settings overview<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Aspect ratio<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Aspect ratio<\/strong> to change the shape of the image on the page, such as square, portrait, or landscape. Some aspect ratios may visually crop the image to fit the selected shape. This only changes how the image is displayed and does not edit the original image file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choosing an aspect ratio may show additional settings, including <strong>Width<\/strong> and <strong>Height<\/strong>, <strong>Scale<\/strong>, and the <strong>Focal point<\/strong> picker.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1652\" style=\"aspect-ratio: 3024 \/ 1652;\" width=\"3024\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-set-aspect-ratio.mov\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Width and height<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Width<\/strong> and <strong>Height<\/strong> to set the display size of the image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In most cases, leave these fields set to <strong>Auto<\/strong>. To resize the image, set the <strong>Width<\/strong> value and let the height adjust automatically. Use percentages only when you want the image to scale relative to its container.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avoid setting a fixed height unless the image needs to fit a specific design, because it can make the image harder to control across different screen sizes.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1652\" style=\"aspect-ratio: 3024 \/ 1652;\" width=\"3024\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-change-width.mov\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Scale<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Scale<\/strong> to control how the image fits inside the selected aspect ratio.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Cover<\/strong> \u2013 Fills the entire image area. Parts of the image may be cropped so there are no empty areas.<\/li>\n\n\n\n<li><strong>Contain<\/strong> \u2013 Shows the full image. This may leave empty space around the image if its shape does not match the selected aspect ratio.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1652\" style=\"aspect-ratio: 3024 \/ 1652;\" width=\"3024\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-scale-options.mov\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Focal point<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use <strong>Focal point<\/strong> to choose which part of the image stays in view when the image is cropped. This setting is most useful when <strong>Scale<\/strong> is set to <strong>Cover<\/strong>, because Cover may crop part of the image to fill the selected shape.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1652\" style=\"aspect-ratio: 3024 \/ 1652;\" width=\"3024\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/image-block-focal-point.mp4\"><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Border &amp; Shadow<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">The Image block provides border settings options to add border color, width, radius and shadow.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/border-settings-overview\/\">Border &amp; Shadow Settings overview<\/a><\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-24 (props to @kjoyner @awetz583 @annezazu @ntsekouras @sirlouen @wildworks)\n<ul class=\"wp-block-list\">\n<li>Updated screenshots and video for WordPress 7.0 updates<\/li>\n\n\n\n<li>Updated content include aspect ratio, scale, height and width, and focal point controls<\/li>\n\n\n\n<li>Expanded block toolbar section to include all options<\/li>\n\n\n\n<li>Expanded &#8220;Add an image block&#8221; section <\/li>\n\n\n\n<li>Updated &#8220;Advanced Settings section&#8221; to refer to new parent page<\/li>\n\n\n\n<li>Reduced or updated content with plain language alternatives<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2026-03-02 (props to @hu55nain @madtownlems @CalolanC @anujrathore24 @awetz583)\n<ul class=\"wp-block-list\">\n<li>Updated block toolbar screenshots<\/li>\n\n\n\n<li>Updated block settings screenshots<\/li>\n\n\n\n<li>Added caption button screenshots and information<\/li>\n\n\n\n<li>Updated Advanced settings screenshot and info<\/li>\n\n\n\n<li>Added information for resolution under settings<\/li>\n\n\n\n<li>Added border and shadow info<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2025-11-10 (props to @nikunj8866)\n<ul class=\"wp-block-list\">\n<li>Add the Undo option.<\/li>\n\n\n\n<li>Add \u201cSet as Featured Image\u201d option.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2024-01-25 @milana_cap\n<ul class=\"wp-block-list\">\n<li>Updates for 6.2 completed<\/li>\n\n\n\n<li>Allow dropping an image on an empty paragraph block to create an image block<\/li>\n\n\n\n<li>Updates for 6.3 completed<\/li>\n\n\n\n<li>Display custom borders on image placeholder<\/li>\n\n\n\n<li>Upload Openverse images when inserted<\/li>\n\n\n\n<li>Allow dragging-and-dropping images from the inserter to image blocks<\/li>\n\n\n\n<li>Updates for 6.4 completed<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2024-01-16\n<ul class=\"wp-block-list\">\n<li>Updates for 6.1 completed<\/li>\n\n\n\n<li>Re-upload missing images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2023-12-25\n<ul class=\"wp-block-list\">\n<li>Update screenshots and videos for 6.4<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Update 2022-12-12\n<ul class=\"wp-block-list\">\n<li>Added Border settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updates 2022-11-28\n<ul class=\"wp-block-list\">\n<li>Added missing image caption<\/li>\n\n\n\n<li>Replaced content on more options<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-03-15\n<ul class=\"wp-block-list\">\n<li>Added notes about converting cover block from toolbar.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-01-25\n<ul class=\"wp-block-list\">\n<li>Updated a few screenshots to align with expanded toolbar.<\/li>\n\n\n\n<li>Added notes about using duotone.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2021-01-04<ul><li>Updated all screenshots to WordPress 5.6<\/li><\/ul><ul><li>Added section on image title attribute (Gutenberg 6.9\/WP 5.4)<\/li><li>Added section about easy upload for external images (Gutenberg 8.5\/WP 5.5)<\/li><li>Added section about block editor image editing (Gutenberg 8.4\/WP 5.5)<\/li><li>Added details on HTML Anchor and Image Styles to Advanced<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Removed pencil (edit) icon and added more option menu<\/li>\n\n\n\n<li>Removed some out-of-date content<\/li>\n\n\n\n<li>Re-ordered to match the current block toolbar layout<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-06-18\n<ul class=\"wp-block-list\">\n<li>Added &#8216;Link back to blocks&#8217; to the top of the page<\/li>\n\n\n\n<li>Added the &#8216;Changelog&#8217;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go to the List of Blocks Use the Image block to easily add an image to your page. Add an Image block To add the Image&nbsp;block, click the (+) icon to open the block inserter pop-up window. Look for the Image block using the search bar and click the block icon to add it to [&hellip;]<\/p>\n","protected":false},"author":7298140,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,84],"class_list":["post-11284838","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-media-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284838","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=11284838"}],"version-history":[{"count":163,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284838\/revisions"}],"predecessor-version":[{"id":16368651,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284838\/revisions\/16368651"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/kriskorn"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11284838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11284838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}