{"id":175,"date":"2022-05-10T18:59:06","date_gmt":"2022-05-10T18:59:06","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=134"},"modified":"2022-06-08T19:52:13","modified_gmt":"2022-06-08T19:52:13","slug":"wide-media-spotlight","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/","title":{"rendered":"Wide media spotlight"},"content":{"rendered":"\n<p class=\"is-style-lead\">The wide media spotlight block allows you to showcase content with an image or video.<\/p>\n\n\n\n<p>This field spans the width of the page and cannot be used in columns.<\/p>\n\n\n\n<div class=\"wp-block-washu-wide-media alignleft\"><div class=\"wide-media-inner\"><div class=\"left has-red-border-color has-border-accent-color\"><div class=\"media-container\"><div class=\"wp-block-embed is-type-video wp-embed-aspect-16-9 wp-has-aspect-ratio \"><div class=\"wp-block-embed__wrapper\"><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/wHyOxUrcVnc\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div><\/div><\/div><\/div><div class=\"right\"><div class=\"entry-categories\"><a rel=\"category tag\">post type label<\/a><\/div>\n<h3 class=\"wp-block-heading\">Content headline<\/h3>\n\n\n\n<p>Description text. Description text. Description text. Description text. Description text. Description text. Description text. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-outline\"><a class=\"wp-block-button__link\" href=\"https:\/\/wustl.edu\">Call to action link<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-washu-wide-media alignleft\"><div class=\"wide-media-inner\"><div class=\"left has-graylight-border-color has-border-accent-color\"><div class=\"media-container\"><img decoding=\"async\" class=\"wp-image-354\" src=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2022\/05\/120402_mpk_brookings_hall_3377-1024x683.jpg\"\/><\/div><\/div><div class=\"right\"><div class=\"entry-categories\"><a rel=\"category tag\">post type label<\/a><\/div>\n<h3 class=\"wp-block-heading\">Content headline<\/h3>\n\n\n\n<p>This block has an image.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-outline\"><a class=\"wp-block-button__link\">Call to action link<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How to use this block<\/h2>\n\n\n\n<ol><li>Add the block to the page.<\/li><li>If you are highlighting a video on Vimeo or YouTube, put the link in the field in the right-hand menu.<\/li><li>If you are replacing an image, select the pencil icon in the floating menu to bring up options.<\/li><li>In the block, complete the heading, paragraph, and button fields with your copy.<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>The wide media spotlight block allows you to showcase content with an image or video. This field spans the width of the page and cannot be used in columns. How to use this block Add the block to the page. If you are highlighting a video on Vimeo or YouTube, put the link in the [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":567,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.14 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wide media spotlight - Equity<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wide media spotlight - Equity\" \/>\n<meta property=\"og:description\" content=\"The wide media spotlight block allows you to showcase content with an image or video. This field spans the width of the page and cannot be used in columns. How to use this block Add the block to the page. If you are highlighting a video on Vimeo or YouTube, put the link in the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/\" \/>\n<meta property=\"og:site_name\" content=\"Equity\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-08T19:52:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2022\/05\/120402_mpk_brookings_hall_3377-1024x683.jpg\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/\",\"name\":\"Wide media spotlight - Equity\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website\"},\"datePublished\":\"2022-05-10T18:59:06+00:00\",\"dateModified\":\"2022-06-08T19:52:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wide media spotlight\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/\",\"name\":\"Equity\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/equity\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Wide media spotlight - Equity","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Wide media spotlight - Equity","og_description":"The wide media spotlight block allows you to showcase content with an image or video. This field spans the width of the page and cannot be used in columns. How to use this block Add the block to the page. If you are highlighting a video on Vimeo or YouTube, put the link in the [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/","og_site_name":"Equity","article_modified_time":"2022-06-08T19:52:13+00:00","og_image":[{"url":"https:\/\/digitaldocumentation.wustl.edu\/doc-central\/wp-content\/uploads\/sites\/2\/2022\/05\/120402_mpk_brookings_hall_3377-1024x683.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/","url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/","name":"Wide media spotlight - Equity","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website"},"datePublished":"2022-05-10T18:59:06+00:00","dateModified":"2022-06-08T19:52:13+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/wide-media-spotlight\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/equity\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/digitaldocumentation.wustl.edu\/equity\/blocks\/"},{"@type":"ListItem","position":3,"name":"Wide media spotlight"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/equity\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/equity\/","name":"Equity","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/equity\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Equity","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/equity","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/175"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":6,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/175\/revisions\/709"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/pages\/567"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/equity\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}