{"id":61,"date":"2026-02-11T16:15:35","date_gmt":"2026-02-11T16:15:35","guid":{"rendered":"https:\/\/teton.wwwdev.uwosh.edu\/web\/?page_id=61"},"modified":"2026-02-18T17:07:47","modified_gmt":"2026-02-18T17:07:47","slug":"stat-panel-block","status":"publish","type":"page","link":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/","title":{"rendered":"Stat Panel Block"},"content":{"rendered":"\n<section class=\"Hero circles\" data-animate>\n  \n\n<div class=\"Common\">\n  \n\n<h1 class=\"wp-block-heading\">Stat Panel 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 Stat Panel block is used to highlight impactful statistics or rankings. The block contains a heading, intro text, stat panel items, and a call to action. Each stat panel item contains a heading (stat), description text, and a call to action. When the block is first added to the page, only one stat panel item exists. This can be duplicated as needed for the number of desired stats. Carousel functionality is automatically added, depending on the number of stats and the size of the view screen. Explore the functional example below for more details.<\/p>\n\n<\/div>\n\n\n\n<section class=\"Section\">\n  \n\n<div class=\"Common\">\n  \n\n<h2 class=\"wp-block-heading\">Stat Panel Example<\/h2>\n\n\n\n<p>This intro text is used to provide details and context for the stats. Best practice is to limit this text to 1-3 sentences.<\/p>\n\n<\/div>\n\n\n\n<div class=\"StatPanel\">\n  <div data-flexscroll>\n    <div data-flexscroll-viewport>\n      \n\n<div class=\"StatPanelItem\">\n  \n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">Stat Item<\/h3>\n\n\n\n<p>stat description text. Best practice 1-2 short sentences.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-underline\"><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<\/div>\n\n\n\n<div class=\"StatPanelItem\">\n  \n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">96%<\/h3>\n\n\n\n<p>lorem ipsum dolor set amet consectetur.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-underline\"><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<\/div>\n\n\n\n<div class=\"StatPanelItem\">\n  \n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">12:1<\/h3>\n\n\n\n<p>maximus purus pharetra mauris porttitor pellentesque.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-underline\"><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<\/div>\n\n\n\n<div class=\"StatPanelItem\">\n  \n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">$25k<\/h3>\n\n\n\n<p>nec odio in sem sagittis finibus in feugiat magna.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-underline\"><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<\/div>\n\n    <\/div>\n    <div data-flexscroll-nav>\n      <div data-flexscroll-counter><\/div>\n      <button data-flexscroll-prev aria-label=\"Previous\"><\/button>\n      <button data-flexscroll-next aria-label=\"Next\"><\/button>\n    <\/div>\n  <\/div>\n<\/div>\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<\/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-61","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>Stat Panel 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\/stat-panel-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stat Panel Block - Web Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-18T17:07:47+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\/stat-panel-block\/\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/\",\"name\":\"Stat Panel Block - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"datePublished\":\"2026-02-11T16:15:35+00:00\",\"dateModified\":\"2026-02-18T17:07:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-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\/stat-panel-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\":\"Stat Panel 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":"Stat Panel 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\/stat-panel-block\/","og_locale":"en_US","og_type":"article","og_title":"Stat Panel Block - Web Guide","og_url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/","og_site_name":"Web Guide","article_modified_time":"2026-02-18T17:07:47+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\/stat-panel-block\/","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/","name":"Stat Panel Block - Web Guide","isPartOf":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#primaryimage"},"image":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#primaryimage"},"thumbnailUrl":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","datePublished":"2026-02-11T16:15:35+00:00","dateModified":"2026-02-18T17:07:47+00:00","breadcrumb":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-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\/stat-panel-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":"Stat Panel 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\/61","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=61"}],"version-history":[{"count":5,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/61\/revisions\/220"}],"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=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}