{"id":23,"date":"2026-02-11T16:05:03","date_gmt":"2026-02-11T16:05:03","guid":{"rendered":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/?page_id=23"},"modified":"2026-02-18T21:07:52","modified_gmt":"2026-02-18T21:07:52","slug":"columns-block","status":"publish","type":"page","link":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/","title":{"rendered":"Columns Block"},"content":{"rendered":"\n<section class=\"ContentSidebar\">\n  \n\n<div class=\"Sidebar\">\n  \n\n<nav class=\"Subnav is-style-dark\">\n  <h2 class=\"Subnav__heading\">In This Section<\/h2>\n  <button class=\"Subnav__toggle\" aria-expanded=\"false\">In This Section<\/button>\n  <div class=\"Subnav__menu\">\n          \n              <ul>\n          \n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/accordion-block\/' >Accordion Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/alerts\/' >Alerts<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/' >Columns Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/common-block\/' >Common Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/common-sidebar-block\/' >Content \/ Sidebar Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/cta-block\/' >CTA Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/details-image-block\/' >Details \/ Image Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/details-block\/' >Details Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/faculty-list-block\/' >Faculty List Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/feature-block\/' >Feature Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/hero-block\/' >Hero Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/image-carousel-block\/' >Image Carousel Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/post-feed-block\/' >Post Feed Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/profile-block\/' >Profile Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/program-finder-block\/' >Program Finder Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/program-search-block\/' >Program Search Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/quotes-block\/' >Quotes Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/router-image-block\/' >Router \/ Image Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/router-block\/' >Router Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/social-feed-block\/' >Social Feed Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/splash-block\/' >Splash Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/split-block\/' >Split Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/stat-panel-block\/' >Stat Panel Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/stat-tabs-block\/' >Stat Tabs Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/subnav-block\/' >Subnav Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/testimonial-cards-block\/' >Testimonial Cards Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/testimonials-block\/' >Testimonials Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/update-block\/' >Update Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/vertical-tabs-block\/' >Vertical Tabs Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/visual-router-block\/' >Visual Router Block<\/a>\n      <\/li>\n        <\/ul>\n            <\/div>\n<\/nav>\n\n<\/div>\n\n\n\n<div class=\"Content\">\n  \n\n<div class=\"Common is-style-default\">\n  \n\n<h1 class=\"wp-block-heading\">Columns Block<\/h1>\n\n\n\n<p class=\"is-style-intro\">The Columns block is used to divide a Common region into two equal sized columns. This is useful for dividing long text content, showcasing related lists, and many other content formatting purposes. The Columns block is also used to create the <a href=\"#3up\">2-Up and 3-Up Text Panels<\/a> in full-width regions. Explore the functional examples below for more details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Columns Example<\/h2>\n\n\n\n<div class=\"Columns\">\n  \n\n<div class=\"Common\">\n  \n\n<p>Left column content. Donec eget porttitor nibh. Quisque semper nisi lectus. Sed vel magna nec orci malesuada sollicitudin. Nulla hendrerit, dolor eget tempor varius, metus nunc dapibus dolor, vitae interdum nisi neque id felis. In maximus purus pharetra mauris porttitor pellentesque. Pellentesque ultricies, enim eu bibendum mattis, urna est malesuada arcu, eget auctor lectus dui a eros.<\/p>\n\n<\/div>\n\n\n\n<div class=\"Common\">\n  \n\n<ul class=\"wp-block-list\">\n<li>Right column content.<\/li>\n\n\n\n<li>Suspendisse in suscipit elit, quis lobortis est.\n<ul class=\"wp-block-list\">\n<li>Ut luctus lectus in dignissim maximus.<\/li>\n\n\n\n<li>Sed posuere est ut imperdiet posuere.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Quisque quis tempor ipsum. Donec nec odio in sem sagittis finibus in feugiat magna.<\/li>\n\n\n\n<li>Duis sit amet nibh orci.<\/li>\n<\/ul>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"Sidebar\">\n  <\/div>\n\n<\/section>\n\n\n\n<section class=\"Section\" id=\"3up\">\n  \n\n<div class=\"Common\">\n  \n\n<h2 class=\"wp-block-heading\">3-Up Text Panel Example<\/h2>\n\n\n\n<p>This optional intro text can be used to provide additional detail and context for the content in the columns. Best practice is to limit this text to 1-5 sentences.<\/p>\n\n<\/div>\n\n\n\n<div class=\"Columns\">\n  \n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">Sub-Heading No Link<\/h3>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas hendrerit sodales diam, in facilisis augue luctus vitae. Phasellus vitae gravida lorem. Pellentesque lacinia sed neque et convallis.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\" data-type=\"page\" data-id=\"5\">Sub-Heading with Link<\/a><\/h3>\n\n\n\n<p>Mauris fringilla lacus nisi, ut viverra dolor consequat in. Mauris imperdiet sed orci maximus euismod.<\/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:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\">Call to Action<\/a><\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\" data-type=\"page\" data-id=\"5\">Integer Molestie Purus Vitae leo Iaculis<\/a><\/h3>\n\n\n\n<p>Duis sagittis augue at velit iaculis, at faucibus turpis varius. Mauris id purus erat.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Suspendisse<\/h3>\n\n\n\n<p>Ut luctus lectus in dignissim maximus. Sed posuere est ut imperdiet posuere. Quisque quis tempor ipsum. Donec nec odio in sem sagittis finibus in feugiat magna.<\/p>\n\n<\/div>\n\n\n\n<div class=\"Common\">\n  \n\n<h3 class=\"wp-block-heading\">Phasellus Volutpat<\/h3>\n\n\n\n<p>Vivamus suscipit fermentum mi, sit amet sodales lacus faucibus luctus. Curabitur auctor orci at purus venenatis tempus.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aenean Accumsan Dictum Facilisis<\/h3>\n\n\n\n<p>Maecenas luctus lectus ac faucibus tempus. Praesent suscipit nunc vitae massa cursus sodales.<\/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:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/\">Call to Action<\/a><\/div>\n<\/div>\n\n<\/div>\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-23","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>Columns 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\/columns-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Columns Block - Web Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-18T21:07:52+00:00\" \/>\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:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/\",\"url\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/\",\"name\":\"Columns Block - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website\"},\"datePublished\":\"2026-02-11T16:05:03+00:00\",\"dateModified\":\"2026-02-18T21:07:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-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\":\"Columns 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":"Columns 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\/columns-block\/","og_locale":"en_US","og_type":"article","og_title":"Columns Block - Web Guide","og_url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/","og_site_name":"Web Guide","article_modified_time":"2026-02-18T21:07:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/","url":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/","name":"Columns Block - Web Guide","isPartOf":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/#website"},"datePublished":"2026-02-11T16:05:03+00:00","dateModified":"2026-02-18T21:07:52+00:00","breadcrumb":{"@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/cms-guide\/columns-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":"Columns 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\/23","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=23"}],"version-history":[{"count":6,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/wwwpreview-teton.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/23\/revisions\/244"}],"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=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}