{"id":35,"date":"2026-02-11T16:07:29","date_gmt":"2026-02-11T16:07:29","guid":{"rendered":"https:\/\/teton.wwwdev.uwosh.edu\/web\/?page_id=35"},"modified":"2026-02-13T16:19:34","modified_gmt":"2026-02-13T16:19:34","slug":"feature-block","status":"publish","type":"page","link":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/","title":{"rendered":"Feature Block"},"content":{"rendered":"\n<section class=\"Hero circles\" data-animate>\n  \n\n<div class=\"Common\">\n  \n\n<h1 class=\"wp-block-heading\">Feature 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:\/\/teton.wwwdev.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:\/\/teton.wwwdev.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:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg 900w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-300x200.jpg 300w, https:\/\/teton.wwwdev.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 Feature block can be used to preview a story, program, profile, activity, or initiative that supports the page content. It contains a heading, description text, call to action button, and an image.<\/p>\n\n\n\n<p>There are two style options available for the Feature block: Default (white background) and Dark (black background). To change the image placement within the Feature, change the alignment option of the image to right aligned. Explore the functional examples below for more details.<\/p>\n\n<\/div>\n\n\n\n<section class=\"Feature circles is-style-dark\" data-animate>\n  \n\n<figure class=\"wp-block-image alignright size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/teton.wwwdev.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:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg 900w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-300x200.jpg 300w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<div class=\"Common\">\n  \n\n<h2 class=\"wp-block-heading\">Feature Example<\/h2>\n\n\n\n<p>The description text area is used to provide context to the user and to encourage them to explore further content using the call to action button. This text area and the call to action are optional.<\/p>\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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\">Call to Action<\/a><\/div>\n<\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n<section class=\"Feature circles\" data-animate>\n  \n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/teton.wwwdev.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:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg 900w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-300x200.jpg 300w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<div class=\"Common\">\n  \n\n<h2 class=\"wp-block-heading\">Feature Example<\/h2>\n\n\n\n<p>It is best practice to limited this description text to 3-5 sentences. This example demonstrates removal of the optional call to action.<\/p>\n\n<\/div>\n\n<\/section>\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-35","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>Feature 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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Feature Block - Web Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T16:19:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/teton.wwwdev.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<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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/\",\"name\":\"Feature Block - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"datePublished\":\"2026-02-11T16:07:29+00:00\",\"dateModified\":\"2026-02-13T16:19:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"contentUrl\":\"https:\/\/teton.wwwdev.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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CMS Guide\",\"item\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Feature Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/\",\"name\":\"Web Guide\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teton.wwwdev.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":"Feature 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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/","og_locale":"en_US","og_type":"article","og_title":"Feature Block - Web Guide","og_url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/","og_site_name":"Web Guide","article_modified_time":"2026-02-13T16:19:34+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/","name":"Feature Block - Web Guide","isPartOf":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage"},"image":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage"},"thumbnailUrl":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","datePublished":"2026-02-11T16:07:29+00:00","dateModified":"2026-02-13T16:19:34+00:00","breadcrumb":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#primaryimage","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","contentUrl":"https:\/\/teton.wwwdev.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:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teton.wwwdev.uwosh.edu\/web\/"},{"@type":"ListItem","position":2,"name":"CMS Guide","item":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/"},{"@type":"ListItem","position":3,"name":"Feature Block"}]},{"@type":"WebSite","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/","name":"Web Guide","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teton.wwwdev.uwosh.edu\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/35\/revisions\/162"}],"up":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}