{"id":18,"date":"2022-02-18T03:11:43","date_gmt":"2022-02-18T03:11:43","guid":{"rendered":"https:\/\/bscs.org\/stella\/?page_id=18"},"modified":"2022-04-03T19:57:51","modified_gmt":"2022-04-03T19:57:51","slug":"sample-multiwidth","status":"publish","type":"page","link":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/","title":{"rendered":"Sample Multi-width Layout"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">For pages with content that must be full width (like the diagram below) and also a sidebar, you can construct the sidebar manually using the Columns block in the editor. This allows you to have one section of the page that has a sidebar and one section that is full-width. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vivamus malesuada augue ac ligula auctor, eget posuere erat lacinia. In et velit imperdiet, pretium est ac, rhoncus arcu. Etiam finibus eros ac mollis aliquam. Pellentesque ante ex, pharetra ac faucibus at, ornare vitae quam. Ut efficitur elit eu vulputate maximus. Nulla facilisis, velit vel porta dapibus, nisl neque dignissim nunc, ut egestas quam quam ut est. Nulla malesuada neque blandit elit tincidunt, at hendrerit libero scelerisque. Aliquam eget ullamcorper diam, a dapibus sapien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Suspendisse sodales fringilla lorem quis consequat. Sed ut blandit augue. Maecenas porttitor semper ante, non hendrerit nibh dignissim ut. In nisi nisl, iaculis ac ornare et, congue ac enim. Aliquam at fringilla dolor. Donec lacinia, est eget semper consectetur, est nisi lacinia augue, sed consequat libero nibh vel massa. Donec et pharetra ipsum, sed porttitor justo. Quisque vitae suscipit sem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sample Embedded Full-Width Graphic<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"335\" height=\"249\" src=\"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png\" alt=\"\" class=\"wp-image-19\" srcset=\"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png 335w, https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar-300x223.png 300w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><figcaption>This sidebar is constructed using the WordPress columns block lorem ipsum dolor sit amet<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/Layer-2-1024x219.png\" alt=\"Sample chart\" class=\"wp-image-20\" width=\"1200\" srcset=\"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/Layer-2-1024x219.png 1024w, https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/Layer-2-300x64.png 300w, https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/Layer-2-768x164.png 768w, https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/Layer-2.png 1128w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>For pages with content that must be full width (like the diagram below) and also a sidebar, you can construct the sidebar manually using the Columns block in the editor. This allows you to have one section of the page that has a sidebar and one section that is full-width. Vivamus malesuada augue ac ligula [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":81,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sample Multi-width Layout - STeLLA<\/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:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sample Multi-width Layout - STeLLA\" \/>\n<meta property=\"og:description\" content=\"For pages with content that must be full width (like the diagram below) and also a sidebar, you can construct the sidebar manually using the Columns block in the editor. This allows you to have one section of the page that has a sidebar and one section that is full-width. Vivamus malesuada augue ac ligula [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/\" \/>\n<meta property=\"og:site_name\" content=\"STeLLA\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-03T19:57:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png\" \/>\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:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/\",\"url\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/\",\"name\":\"Sample Multi-width Layout - STeLLA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscs.org\\\/stella\\\/wp-content\\\/uploads\\\/sites\\\/20\\\/2022\\\/02\\\/sidebar.png\",\"datePublished\":\"2022-02-18T03:11:43+00:00\",\"dateModified\":\"2022-04-03T19:57:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bscs.org\\\/stella\\\/wp-content\\\/uploads\\\/sites\\\/20\\\/2022\\\/02\\\/sidebar.png\",\"contentUrl\":\"https:\\\/\\\/bscs.org\\\/stella\\\/wp-content\\\/uploads\\\/sites\\\/20\\\/2022\\\/02\\\/sidebar.png\",\"width\":335,\"height\":249,\"caption\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu urna quis massa.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/sample-multiwidth\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bscs.org\\\/stella\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Example Subpages\",\"item\":\"https:\\\/\\\/bscs.org\\\/stella\\\/example-subpages\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sample Multi-width Layout\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bscs.org\\\/stella\\\/#website\",\"url\":\"https:\\\/\\\/bscs.org\\\/stella\\\/\",\"name\":\"STeLLA\",\"description\":\"Science Teachers Learning from Lesson Analysis\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bscs.org\\\/stella\\\/?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":"Sample Multi-width Layout - STeLLA","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:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/","og_locale":"en_US","og_type":"article","og_title":"Sample Multi-width Layout - STeLLA","og_description":"For pages with content that must be full width (like the diagram below) and also a sidebar, you can construct the sidebar manually using the Columns block in the editor. This allows you to have one section of the page that has a sidebar and one section that is full-width. Vivamus malesuada augue ac ligula [&hellip;]","og_url":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/","og_site_name":"STeLLA","article_modified_time":"2022-04-03T19:57:51+00:00","og_image":[{"url":"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/","url":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/","name":"Sample Multi-width Layout - STeLLA","isPartOf":{"@id":"https:\/\/bscs.org\/stella\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/#primaryimage"},"image":{"@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/#primaryimage"},"thumbnailUrl":"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png","datePublished":"2022-02-18T03:11:43+00:00","dateModified":"2022-04-03T19:57:51+00:00","breadcrumb":{"@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/#primaryimage","url":"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png","contentUrl":"https:\/\/bscs.org\/stella\/wp-content\/uploads\/sites\/20\/2022\/02\/sidebar.png","width":335,"height":249,"caption":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eu urna quis massa."},{"@type":"BreadcrumbList","@id":"https:\/\/bscs.org\/stella\/example-subpages\/sample-multiwidth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bscs.org\/stella\/"},{"@type":"ListItem","position":2,"name":"Example Subpages","item":"https:\/\/bscs.org\/stella\/example-subpages\/"},{"@type":"ListItem","position":3,"name":"Sample Multi-width Layout"}]},{"@type":"WebSite","@id":"https:\/\/bscs.org\/stella\/#website","url":"https:\/\/bscs.org\/stella\/","name":"STeLLA","description":"Science Teachers Learning from Lesson Analysis","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bscs.org\/stella\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":0,"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/pages\/81"}],"wp:attachment":[{"href":"https:\/\/bscs.org\/stella\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}