{"id":2675,"date":"2024-07-29T17:08:06","date_gmt":"2024-07-29T21:08:06","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2675"},"modified":"2024-07-29T17:09:06","modified_gmt":"2024-07-29T21:09:06","slug":"how-to-promo-with-photo","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/","title":{"rendered":"How To: Promo with Photo"},"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 a Promo with Photo block, click the \u201c+\u201d symbol and search for \u201cPromo with Photo\u201d. Then, select the Promo with Photo 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=\"323\" height=\"291\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png\" alt=\"promo with photo block search with &quot;+&quot; button and block icon highlighted with a red box\" class=\"wp-image-879\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png 323w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search-300x270.png 300w\" sizes=\"(max-width: 323px) 100vw, 323px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading body-text-heading\">Editing a Promo with Photo block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">The block editor for the Promo with Photo block has fields for a headline, an image, a description, and a link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Add your heading and description by typing or pasting text directly into the text fields.<\/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=\"627\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1024x627.png\" alt=\"The Promo with Photo block with the heading and description fields highlighted in a red box.\" class=\"wp-image-1525\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1024x627.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-300x184.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-768x470.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1536x940.png 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-660x404.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1320x808.png 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1225x750.png 1225w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text-1089x667.png 1089w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-text.png 1888w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">Add an image(s) to the block by uploading or selecting an existing image from the Media Library. <br><br><strong>Note<\/strong>: We are beginning to build out the foundations for future carousel blocks. At this time, you can include more than one image in Promo with Photo. However, the JavaScript buttons are not available yet so this block will include only a simple scrollbar if multiple images are added. This block functionality is undergoing progressive enhancements over the next few months.<\/p>\n\n\n\n<p class=\"wp-block-paragraph body-text\">Change the alignment of the image by using the block toolbar.<\/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=\"733\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1024x733.png\" alt=\"The Promo with Photo block with the image alignment options highlighted in a red box.\" class=\"wp-image-1523\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1024x733.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-300x215.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-768x550.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1536x1100.png 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-564x404.png 564w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1128x808.png 1128w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-660x473.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1320x945.png 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-613x439.png 613w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1227x879.png 1227w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-1047x750.png 1047w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment-931x667.png 931w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-alignment.png 1628w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph body-text\">To add a link, type your desired link text in the link text field. Then, click the link icon to add your URL.<\/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=\"408\" src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-1024x408.png\" alt=\"The Promo with Photo block with the link icon open and highlighted in a red box.\" class=\"wp-image-1524\" srcset=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-1024x408.png 1024w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-300x120.png 300w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-768x306.png 768w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-1536x612.png 1536w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-660x263.png 660w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-1320x526.png 1320w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link-1674x667.png 1674w, https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/promo-photo-link.png 1757w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Adding the Block To add a Promo with Photo block, click the \u201c+\u201d symbol and search for \u201cPromo with Photo\u201d. Then, select the Promo with Photo block icon. Editing a Promo with Photo block The block editor for the Promo with Photo block has fields for a headline, an image, a description, and a link. [&hellip;]<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":512,"menu_order":2,"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-2675","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: Promo with Photo - 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\/promote\/promo-with-photo\/how-to-promo-with-photo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To: Promo with Photo - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Adding the Block To add a Promo with Photo block, click the \u201c+\u201d symbol and search for \u201cPromo with Photo\u201d. Then, select the Promo with Photo block icon. Editing a Promo with Photo block The block editor for the Promo with Photo block has fields for a headline, an image, a description, and a link. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-29T21:09:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation-clone2\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_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=\"2 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\/promote\/promo-with-photo\/how-to-promo-with-photo\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/\",\"name\":\"How To: Promo with Photo - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png\",\"datePublished\":\"2024-07-29T21:08:06+00:00\",\"dateModified\":\"2024-07-29T21:09:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png\",\"contentUrl\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png\",\"width\":323,\"height\":291,\"caption\":\"promo with photo block search with \\\"+\\\" button and block icon highlighted with a red box\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#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\":\"Promote\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Promo with Photo\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How To: Promo with Photo\"}]},{\"@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: Promo with Photo - 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\/promote\/promo-with-photo\/how-to-promo-with-photo\/","og_locale":"en_US","og_type":"article","og_title":"How To: Promo with Photo - 1789 Handbook","og_description":"Adding the Block To add a Promo with Photo block, click the \u201c+\u201d symbol and search for \u201cPromo with Photo\u201d. Then, select the Promo with Photo block icon. Editing a Promo with Photo block The block editor for the Promo with Photo block has fields for a headline, an image, a description, and a link. [&hellip;]","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/","og_site_name":"1789 Handbook","article_modified_time":"2024-07-29T21:09:06+00:00","og_image":[{"url":"https:\/\/sites.georgetown.edu\/1789-documentation-clone2\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/","name":"How To: Promo with Photo - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage"},"image":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage"},"thumbnailUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png","datePublished":"2024-07-29T21:08:06+00:00","dateModified":"2024-07-29T21:09:06+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#primaryimage","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png","contentUrl":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2021\/12\/promo_with_photo_block_search.png","width":323,"height":291,"caption":"promo with photo block search with \"+\" button and block icon highlighted with a red box"},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/#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":"Promote","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/"},{"@type":"ListItem","position":4,"name":"Promo with Photo","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/"},{"@type":"ListItem","position":5,"name":"How To: Promo with Photo"}]},{"@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\/2675","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=2675"}],"version-history":[{"count":2,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2675\/revisions"}],"predecessor-version":[{"id":2677,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/2675\/revisions\/2677"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/512"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=2675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}