{"id":18,"date":"2022-02-18T03:11:43","date_gmt":"2022-02-18T03:11:43","guid":{"rendered":"https:\/\/bscs.org\/nextgentime\/?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\/nextgentime\/vignette-use-cases\/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\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/sidebar.png\" alt=\"\" class=\"wp-image-19\" srcset=\"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/sidebar.png 335w, https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/Layer-2-1024x219.png\" alt=\"Sample chart\" class=\"wp-image-20\" width=\"1200\" srcset=\"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/Layer-2-1024x219.png 1024w, https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/Layer-2-300x64.png 300w, https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/Layer-2-768x164.png 768w, https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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 - NextGen TIME<\/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\/nextgentime\/vignette-use-cases\/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 - NextGen TIME\" \/>\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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/\" \/>\n<meta property=\"og:site_name\" content=\"NextGen TIME\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-03T19:57:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/\",\"url\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/\",\"name\":\"Sample Multi-width Layout - NextGen TIME\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/wp-content\\\/uploads\\\/sites\\\/24\\\/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\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/wp-content\\\/uploads\\\/sites\\\/24\\\/2022\\\/02\\\/sidebar.png\",\"contentUrl\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/wp-content\\\/uploads\\\/sites\\\/24\\\/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\\\/nextgentime\\\/vignette-use-cases\\\/sample-multiwidth\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vignette &amp; Use Cases\",\"item\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/vignette-use-cases\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sample Multi-width Layout\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/#website\",\"url\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/\",\"name\":\"NextGen TIME\",\"description\":\"Professional learning for next generation science.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bscs.org\\\/nextgentime\\\/?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 - NextGen TIME","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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/","og_locale":"en_US","og_type":"article","og_title":"Sample Multi-width Layout - NextGen TIME","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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/","og_site_name":"NextGen TIME","article_modified_time":"2022-04-03T19:57:51+00:00","og_image":[{"url":"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/","url":"https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/sample-multiwidth\/","name":"Sample Multi-width Layout - NextGen TIME","isPartOf":{"@id":"https:\/\/bscs.org\/nextgentime\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/sample-multiwidth\/#primaryimage"},"image":{"@id":"https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/sample-multiwidth\/#primaryimage"},"thumbnailUrl":"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/sample-multiwidth\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/sample-multiwidth\/#primaryimage","url":"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/2022\/02\/sidebar.png","contentUrl":"https:\/\/bscs.org\/nextgentime\/wp-content\/uploads\/sites\/24\/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\/nextgentime\/vignette-use-cases\/sample-multiwidth\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bscs.org\/nextgentime\/"},{"@type":"ListItem","position":2,"name":"Vignette &amp; Use Cases","item":"https:\/\/bscs.org\/nextgentime\/vignette-use-cases\/"},{"@type":"ListItem","position":3,"name":"Sample Multi-width Layout"}]},{"@type":"WebSite","@id":"https:\/\/bscs.org\/nextgentime\/#website","url":"https:\/\/bscs.org\/nextgentime\/","name":"NextGen TIME","description":"Professional learning for next generation science.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bscs.org\/nextgentime\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":0,"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/pages\/81"}],"wp:attachment":[{"href":"https:\/\/bscs.org\/nextgentime\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}