{"id":2693,"date":"2024-07-29T17:20:02","date_gmt":"2024-07-29T21:20:02","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2693"},"modified":"2024-08-07T21:04:08","modified_gmt":"2024-08-08T01:04:08","slug":"how-to-image","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/","title":{"rendered":"How To: Image"},"content":{"rendered":"\n<h2 class=\"wp-block-heading body-text-heading\">Adding the Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">To add the Image block, click the \u201c+\u201d symbol and search for \u201cImage\u201d. Then, select the Image block icon.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"387\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png\" alt=\"search of the image block with a red highlight around the block icon in the search\" class=\"wp-image-648\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png 438w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search-300x265.png 300w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Editing an Image block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Once you have added the Image block, you&#8217;ll have the option to either upload an image or select an existing image from the Media Library.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"317\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-1024x317.png\" alt=\"View of a blank image block in the WordPress editor with the Upload and Media Library options highlighted in a red box.\" class=\"wp-image-1251\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-1024x317.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-300x93.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-768x238.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-1536x476.png 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-660x204.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block-1320x409.png 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/image-block.png 1776w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\"><strong>To upload a new image,&nbsp;<\/strong>click the &#8220;Upload&#8221; button in the image block. Locate the appropriate image in the computer files and select &#8220;Open&#8221;. The image will appear in the image block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">The image caption should appear below the image. Be sure to add alternative text to any uploaded images. For best practices on&nbsp;<a href=\"https:\/\/accessibility.georgetown.edu\/websites\/images\">writing alternative text<\/a>, visit our&nbsp;<a href=\"https:\/\/accessibility.georgetown.edu\/\">Web Accessibility<\/a>&nbsp;website.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"703\" height=\"560\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption.png\" alt=\"image block with caption field highlighted in red\" class=\"wp-image-684\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption.png 703w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption-300x239.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption-507x404.png 507w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption-621x495.png 621w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_caption-551x439.png 551w\" sizes=\"(max-width: 703px) 100vw, 703px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\"><strong>To select an image already uploaded into WordPress<\/strong>, select the &#8220;Media Library&#8221; button in the image block. There will be two tabs: &#8220;Upload Files&#8221; and &#8220;Media Library&#8221;. In the Media Library section, all of the media previously uploaded to the site will be listed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Select the desired image by clicking on it within the library. Review the alternative text, title, caption, and description, then click the \u201cSelect\u201d button.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library-1024x492.png\" alt=\"image_block_media_library\" class=\"wp-image-679\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library-1024x492.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library-300x144.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library-768x369.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library-660x317.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_media_library.png 1317w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Replace an Image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Click on the replace button in the toolbar above the block to open the Media Library.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"492\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_replace-1.png\" alt=\"image block with &quot;replace&quot; and &quot;open media library&quot; button highlight\" class=\"wp-image-695\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_replace-1.png 650w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_replace-1-300x227.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_replace-1-534x404.png 534w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_replace-1-580x439.png 580w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">Click on the image that should replace the existing one. Hit the &#8220;Select&#8221; button and the old image will be replaced with the selected image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Delete an Image Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">To delete images from a page or post, first click on the image. Then either hit the &#8220;delete&#8221; key on your keyboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">OR<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Click on the three dots in the upper right corner of the file bock to open the block settings and select &#8220;Remove Block&#8221;.&nbsp;<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"589\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove.png\" alt=\"image block with &quot;remove block&quot; button highlighted with a red box\" class=\"wp-image-704\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove.png 784w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove-300x225.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove-768x577.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove-538x404.png 538w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove-660x495.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_remove-584x439.png 584w\" sizes=\"(max-width: 784px) 100vw, 784px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Link an Image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Click on the link icon in the toolbar above the block to add a link to the image. You can add the link by typing the URL for external links or searching for the page title for any internal links.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"649\" height=\"529\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link.png\" alt=\"image block with &quot;link&quot; button and &quot;url&quot; field highlighted\" class=\"wp-image-697\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link.png 649w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link-300x245.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link-496x404.png 496w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link-607x495.png 607w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_link-539x439.png 539w\" sizes=\"(max-width: 649px) 100vw, 649px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Change Alternative Text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Use the &#8220;Alt Text&#8221; field to change the alternative text for the image on this page. The Alt Text field controls what text replaces the image in case of slow-loading sites, or for readers using screen-readers and other assistive technology. For best practices on writing alternative text, refer to the&nbsp;<a href=\"https:\/\/accessibility.georgetown.edu\/\">Web Services guide on accessibility<\/a>.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2-1024x529.png\" alt=\"image setting panel with &quot;atl&quot; description highlighted with red box\" class=\"wp-image-699\" style=\"width:863px;height:445px\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2-1024x529.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2-300x155.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2-768x397.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2-660x341.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text2.png 1092w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Additional Block Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Use the top toolbar to align, link, crop, or replace the image. In the block tab of the inspector panel to the right of the page, you can edit the alternative text as well as the image dimensions.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text-1024x510.png\" alt=\"\" class=\"wp-image-676\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text-1024x510.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text-300x149.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text-768x382.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text-660x329.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_alt_text.png 1173w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Alignment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Alignment allows content editors to include a content block that has other text or content floating around the image. You will need to wrap any text you have written around the image. An image can be positioned to the right, center, or left. An image floated to the center will not have text wrapped around it. It is recommended to float images on the left or the right, using the middle as a breakpoint (rather than just creating a floating image).&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">A <strong>left aligned<\/strong> image looks like this:<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg\" alt=\"Jack the Bulldog laying in the grass in front of Healy Hall.\" class=\"wp-image-1253\" style=\"width:256px;height:171px\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-300x200.jpeg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-768x512.jpeg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1536x1024.jpeg 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-606x404.jpeg 606w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1212x808.jpeg 1212w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1838x1225.jpeg 1838w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-660x439.jpeg 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1320x879.jpeg 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-2000x1333.jpeg 2000w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1125x750.jpeg 1125w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1001x667.jpeg 1001w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1.jpeg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">A <strong>center aligned<\/strong> image looks like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg\" alt=\"Jack the Bulldog laying in the grass in front of Healy Hall.\" class=\"wp-image-1253\" style=\"width:256px;height:171px\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-300x200.jpeg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-768x512.jpeg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1536x1024.jpeg 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-606x404.jpeg 606w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1212x808.jpeg 1212w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1838x1225.jpeg 1838w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-660x439.jpeg 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1320x879.jpeg 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-2000x1333.jpeg 2000w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1125x750.jpeg 1125w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1001x667.jpeg 1001w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1.jpeg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">A right aligned image looks like this:<\/p>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg\" alt=\"Jack the Bulldog laying in the grass in front of Healy Hall.\" class=\"wp-image-1253\" style=\"width:256px;height:171px\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1024x683.jpeg 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-300x200.jpeg 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-768x512.jpeg 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1536x1024.jpeg 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-606x404.jpeg 606w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1212x808.jpeg 1212w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1838x1225.jpeg 1838w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-660x439.jpeg 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1320x879.jpeg 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-2000x1333.jpeg 2000w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1125x750.jpeg 1125w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1-1001x667.jpeg 1001w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/01\/20190411_JacktheBulldog_SpringFlowers-0034-2-2048x1365-1.jpeg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Image Dimensions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Editing an Image directly on a Post or Page will resize the image on that specific page rather than editing all of the image appearances on every page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">There are two options to resize an image directly on the page or post. These changes will only affect this image on this specific page.<\/p>\n\n\n\n<ol class=\"wp-block-list wp-block-list list list-ordered\">\n<li>Image dimensions: for custom image sizes, use the &#8220;Image Dimensions&#8221; field by inputting specific pixel sizes.<\/li>\n\n\n\n<li>Image Size: Use the pre-set image size options to resize the image and select one of the size options.<\/li>\n<\/ol>\n\n\n<div class=\"gu-block gu-block-image\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions-1024x522.png\" alt=\"image settings panel with size and dimension fields highlighted with a red box\" class=\"wp-image-702\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions-1024x522.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions-300x153.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions-768x392.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions-660x337.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/image_block_sizedimensions.png 1157w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Adding the Block To add the Image block, click the \u201c+\u201d symbol and search for \u201cImage\u201d. Then, select the Image block icon. Editing an Image block Once you have added the Image block, you&#8217;ll have the option to either upload an image or select an existing image from the Media Library. To upload a new [&hellip;]<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":164,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-chaptered.php","meta":{"gu_featured_image_display":true,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2693","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To: Image - 1789 Handbook<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To: Image - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Adding the Block To add the Image block, click the \u201c+\u201d symbol and search for \u201cImage\u201d. Then, select the Image block icon. Editing an Image block Once you have added the Image block, you&#8217;ll have the option to either upload an image or select an existing image from the Media Library. To upload a new [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-08T01:04:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation-clone2\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/\",\"name\":\"How To: Image - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png\",\"datePublished\":\"2024-07-29T21:20:02+00:00\",\"dateModified\":\"2024-08-08T01:04:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png\",\"contentUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png\",\"width\":438,\"height\":387,\"caption\":\"search of the image block with a red highlight around the block icon in the search\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block Catalog\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Image\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How To: Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\",\"name\":\"1789 Handbook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To: Image - 1789 Handbook","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/","og_locale":"en_US","og_type":"article","og_title":"How To: Image - 1789 Handbook","og_description":"Adding the Block To add the Image block, click the \u201c+\u201d symbol and search for \u201cImage\u201d. Then, select the Image block icon. Editing an Image block Once you have added the Image block, you&#8217;ll have the option to either upload an image or select an existing image from the Media Library. To upload a new [&hellip;]","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/","og_site_name":"1789 Handbook","article_modified_time":"2024-08-08T01:04:08+00:00","og_image":[{"url":"https:\/\/sites.georgetown.edu\/1789-documentation-clone2\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/","name":"How To: Image - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage"},"image":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage"},"thumbnailUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png","datePublished":"2024-07-29T21:20:02+00:00","dateModified":"2024-08-08T01:04:08+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#primaryimage","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png","contentUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/11\/image_block_search.png","width":438,"height":387,"caption":"search of the image block with a red highlight around the block icon in the search"},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/how-to-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/"},{"@type":"ListItem","position":2,"name":"Block Catalog","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/"},{"@type":"ListItem","position":3,"name":"Media","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/"},{"@type":"ListItem","position":4,"name":"Image","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/media\/image-block\/"},{"@type":"ListItem","position":5,"name":"How To: Image"}]},{"@type":"WebSite","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/","name":"1789 Handbook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/users\/1387"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/comments?post=2693"}],"version-history":[{"count":1,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2693\/revisions"}],"predecessor-version":[{"id":2694,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2693\/revisions\/2694"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/164"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=2693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}