{"id":2854,"date":"2026-03-12T18:45:05","date_gmt":"2026-03-12T18:45:05","guid":{"rendered":"https:\/\/www.uri.edu\/wordpress\/?page_id=2854"},"modified":"2026-04-01T14:06:25","modified_gmt":"2026-04-01T14:06:25","slug":"add-an-image","status":"publish","type":"page","link":"https:\/\/www.uri.edu\/wordpress\/training\/add-an-image\/","title":{"rendered":"Add an Image"},"content":{"rendered":"<div style=\"position: relative; width: 100%; height: 0; padding-bottom: 56.25%\">\n\t<iframe src=\"https:\/\/uri.hosted.panopto.com\/Panopto\/Pages\/Embed.aspx?id=d08d9b8f-1a13-4bcf-9d3e-b3d90150d2c3&#038;autoplay=false&#038;offerviewer=false&#038;showtitle=true&#038;showbrand=false&#038;captions=false&#038;interactivity=all\" style=\"border: 1px solid #464646; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box;\" allowfullscreen allow=\"autoplay\" title=\"How to Add an Image - WordPress Tutorial Video\"><\/iframe>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Go to Your Dashboard<\/strong><strong><br><\/strong> Log in to your WordPress dashboard.<br><\/li>\n\n\n\n<li><strong>Open Your Page<\/strong><strong><br><\/strong> From the left-hand menu, click <strong>Pages<\/strong>.<br>Hover over the page where you\u2019d like to add an image, then click <strong>Edit<\/strong>.<br><\/li>\n\n\n\n<li><strong>Add an Image Block<\/strong><strong><br><\/strong> There are two ways to add an image to your page:<br>\n<ul class=\"wp-block-list\">\n<li><strong>Option 1: Use the Add Block (+) Button<\/strong><strong><br><\/strong>\n<ul class=\"wp-block-list\">\n<li>Click the blue <strong>+<\/strong> button in the top left corner of the page editor.<br><\/li>\n\n\n\n<li>Locate <strong>Image<\/strong> under the <strong>Media<\/strong> section, or type \u201cimage\u201d into the search bar.<br><\/li>\n\n\n\n<li>Click <strong>Image<\/strong> to insert the block.<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Option 2: Use the Slash Command<\/strong><strong><br><\/strong>\n<ul class=\"wp-block-list\">\n<li>Click directly into the page and type a forward slash <strong>(\/)<\/strong>.<br><\/li>\n\n\n\n<li>A dropdown menu will appear with available blocks.<br><\/li>\n\n\n\n<li>Type <strong>image<\/strong> and select <strong>Image<\/strong> from the list.<br><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add Your Image<\/strong><strong><br><\/strong>\n<ul class=\"wp-block-list\">\n<li>Click <strong>Upload<\/strong> to add a new image from your computer.<br><\/li>\n\n\n\n<li>Click <strong>Media Library<\/strong> to select an existing image.<br><\/li>\n\n\n\n<li>Click <strong>Insert from URL<\/strong> to use an image hosted online.<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Adjust Image Settings<\/strong><strong><br><\/strong>\n<ul class=\"wp-block-list\">\n<li>Click the image to select the block.<br><\/li>\n\n\n\n<li>Open the <strong>Settings<\/strong> panel by clicking the gear icon in the top right corner.<br><\/li>\n\n\n\n<li>Select the <strong>Block<\/strong> tab to view image options.<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Optional Adjustments<\/strong><strong><br><\/strong><strong><br><\/strong><strong>For the Image Block:<\/strong><strong><br><\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Alternative Text:<\/strong> Add a brief description of the image. This supports accessibility by providing context for users who rely on screen readers.<br><\/li>\n\n\n\n<li><strong>Aspect Ratio:<\/strong> Defaults to <em>Original<\/em>, which preserves the image\u2019s natural proportions.<br><\/li>\n\n\n\n<li><strong>Width and Height:<\/strong> These fields are left blank by default but can be adjusted if specific sizing is required.<br><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Save Your Changes<\/strong><strong><br><\/strong> When you\u2019re finished, click the <strong>Save<\/strong> button in the top right corner of the screen.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":102,"featured_media":0,"parent":2749,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-2854","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/users\/102"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=2854"}],"version-history":[{"count":3,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2854\/revisions"}],"predecessor-version":[{"id":2945,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2854\/revisions\/2945"}],"up":[{"embeddable":true,"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/pages\/2749"}],"wp:attachment":[{"href":"https:\/\/www.uri.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=2854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}