{"id":37,"date":"2026-02-11T16:10:08","date_gmt":"2026-02-11T16:10:08","guid":{"rendered":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/?page_id=37"},"modified":"2026-02-13T16:20:00","modified_gmt":"2026-02-13T16:20:00","slug":"hero-block","status":"publish","type":"page","link":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/","title":{"rendered":"Hero Block"},"content":{"rendered":"\n<section class=\"Hero circles is-style-yellow\" data-animate>\n  \n\n<div class=\"Common\">\n  \n\n<h1 class=\"wp-block-heading\">Hero Block<\/h1>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\">Return to CMS Guide<\/a><\/div>\n<\/div>\n\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\" alt=\"placeholder 900 x 600\" class=\"wp-image-9\" style=\"aspect-ratio:3\/2;object-fit:cover\" srcset=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg 900w, https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-300x200.jpg 300w, https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n<\/section>\n\n\n\n<div class=\"Common\">\n  \n\n<p class=\"is-style-intro\">The Hero block is designed to start the page with an impactful image that is highly relevant, high quality, and consistent with UWO\u2019s brand. The block contains the H1 heading for the page, an image and an call to action button.<\/p>\n\n\n\n<p>There are two style options for the Hero block: Default (white background) and Yellow (yellow background). Explore the functional example at the top of this page for more details.<\/p>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hero Block - Web Guide<\/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:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero Block - Web Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T16:20:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/\",\"url\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/\",\"name\":\"Hero Block - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"datePublished\":\"2026-02-11T16:10:08+00:00\",\"dateModified\":\"2026-02-13T16:20:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage\",\"url\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"contentUrl\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"width\":900,\"height\":600,\"caption\":\"placeholder 900 x 600\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CMS Guide\",\"item\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hero Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website\",\"url\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/\",\"name\":\"Web Guide\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/?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":"Hero Block - Web Guide","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:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/","og_locale":"en_US","og_type":"article","og_title":"Hero Block - Web Guide","og_url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/","og_site_name":"Web Guide","article_modified_time":"2026-02-13T16:20:00+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/","url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/","name":"Hero Block - Web Guide","isPartOf":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage"},"image":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage"},"thumbnailUrl":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","datePublished":"2026-02-11T16:10:08+00:00","dateModified":"2026-02-13T16:20:00+00:00","breadcrumb":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#primaryimage","url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","contentUrl":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","width":900,"height":600,"caption":"placeholder 900 x 600"},{"@type":"BreadcrumbList","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/"},{"@type":"ListItem","position":2,"name":"CMS Guide","item":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/"},{"@type":"ListItem","position":3,"name":"Hero Block"}]},{"@type":"WebSite","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website","url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/","name":"Web Guide","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":3,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":163,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/37\/revisions\/163"}],"up":[{"embeddable":true,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}