{"id":572,"date":"2016-11-21T09:48:27","date_gmt":"2016-11-21T09:48:27","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=572"},"modified":"2024-07-08T11:32:00","modified_gmt":"2024-07-08T10:32:00","slug":"layout-examples-box-layouts","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/layout-examples-box-layouts\/","title":{"rendered":"Layout examples: box layouts"},"content":{"rendered":"<p>The new Research and Conferences template comes with lots of <a href=\"http:\/\/dev-research.ncl.ac.uk\/yourproject\/contentsamples\/layoutexamples\/\">example layouts<\/a>.\u00a0Two, three and four column box layouts are some of the most commonly used.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-687\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_-300x183.png\" alt=\"boxes-fw\" width=\"300\" height=\"183\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_-300x183.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_-768x468.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_-1024x624.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/boxes.fw_-492x300.png 492w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>To create these layouts, add General Purpose content to your Section.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1025 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-300x175.png\" alt=\"\" width=\"300\" height=\"175\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-300x175.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-1024x598.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-768x449.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-1536x897.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples-500x292.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutExamples.png 1578w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Use the Class field (underneath the General Content box) to tell the content how to appear on the page.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1029 size-medium\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-300x159.png\" alt=\"\" width=\"300\" height=\"159\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-300x159.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-1024x543.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-768x407.png 768w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-1536x815.png 1536w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol-500x265.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2016\/11\/BoxLayoutTwoCol.png 1580w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>First, type &#8220;nosidebar&#8221; in the class field (this removes the side menu from your page), then add the word &#8220;twocol&#8221;, &#8220;threecol&#8221;, or &#8220;fourcol&#8221; to specify the layout before clicking &#8220;Update and Approve&#8221;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new Research and Conferences template comes with lots of example layouts.\u00a0Two, three and four column box layouts are some of the most commonly used. To create these layouts, add General Purpose content to your Section. Use the Class field &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2016\/11\/21\/layout-examples-box-layouts\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":835,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,19],"tags":[],"class_list":["post-572","post","type-post","status-publish","format-standard","hentry","category-content-templates","category-the-class-field"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/users\/835"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/comments?post=572"}],"version-history":[{"count":11,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/572\/revisions"}],"predecessor-version":[{"id":1030,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/572\/revisions\/1030"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}