{"id":64,"date":"2015-09-24T17:32:16","date_gmt":"2015-09-24T17:32:16","guid":{"rendered":"http:\/\/umaine.edu\/userguide\/?page_id=64"},"modified":"2024-05-01T09:56:54","modified_gmt":"2024-05-01T13:56:54","slug":"adding-images","status":"publish","type":"page","link":"https:\/\/umaine.edu\/userguide\/content-blocks\/adding-images\/","title":{"rendered":"Adding Images"},"content":{"rendered":"<blockquote><p><strong>2024 update: There are several options for adding images to websites using the Gutenberg editor, including two pre-built Patterns. Type &#8220;image&#8221; in the search box when adding a block to view what is available.\u00a0<\/strong><\/p><\/blockquote>\n<p>Image Content Blocks are used to feature static images with a text overlay plus a button link. You can choose between two layouts and image alignment via the Settings screen.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-145\" src=\"http:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings.png\" alt=\"cb-image-settings\" width=\"359\" height=\"298\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings.png 359w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings-300x249.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings-105x87.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings-210x174.png 210w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-settings-317x263.png 317w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,359px\" \/><\/p>\n<p>After completing the top portion of the Settings screen, add a link for your button, as well as your overlay text. Be sure to save your work by clicking Save Changes.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146\" src=\"http:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image.png\" alt=\"cb-image\" width=\"358\" height=\"336\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image.png 358w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-300x282.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-105x99.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-210x197.png 210w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-image-317x298.png 317w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,358px\" \/><\/p>\n<h2>Image Example<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-147\" src=\"http:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image.png\" alt=\"cb-ex-image\" width=\"871\" height=\"259\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image.png 871w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-300x89.png 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-105x31.png 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-210x62.png 210w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-317x94.png 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-634x189.png 634w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-423x126.png 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2015\/09\/cb-ex-image-846x252.png 846w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,871px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2024 update: There are several options for adding images to websites using the Gutenberg editor, including two pre-built Patterns. Type &#8220;image&#8221; in the search box when adding a block to view what is available.\u00a0 Image Content Blocks are used to feature static images with a text overlay plus a button link. You can choose between [&hellip;]<\/p>\n","protected":false},"author":72,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"","author_link":"https:\/\/umaine.edu\/userguide\/author\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":8,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":2597,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/64\/revisions\/2597"}],"up":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}