{"id":260,"date":"2014-02-25T15:24:58","date_gmt":"2014-02-25T15:24:58","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/t4\/?p=260"},"modified":"2014-02-25T16:29:58","modified_gmt":"2014-02-25T16:29:58","slug":"two-columns","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/02\/25\/two-columns\/","title":{"rendered":"Two Columns and a Banner"},"content":{"rendered":"<p>You may wish to remove the sidebar and use a two column layout for one of your pages -usually when you are wanting to acknowledge equal parity by funding bodies or supporters as in the case of our <a href=\"http:\/\/research.ncl.ac.uk\/expeditionresearchscholarships\/\">Research Scholarships and Expeditions website<\/a>.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-263\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-300x240.png\" alt=\"\" width=\"300\" height=\"240\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-300x240.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-374x300.png 374w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships.png 1019w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>In this case, the site has a hidden section called &#8216;<strong>Home Banner<\/strong>&#8216; which contains the slideshow (<em>four<\/em> pieces of content) as described in our <a title=\"Banner Slideshows\" href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/01\/23\/banner-slideshows\/\">post on Slideshows and Banners<\/a>.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-Site-Structure.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-266\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-Site-Structure-300x109.png\" alt=\"\" width=\"300\" height=\"109\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-Site-Structure-300x109.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-Site-Structure-500x183.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/Research-Scholarships-Site-Structure.png 816w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>The homepage &#8211; seen at the top of the above screenshot, contains <em>two<\/em> pieces of content. When we go to &#8216;Modify Content&#8217; for that homepage section, we see that these are given names corresponding to the two columns on the websites screenshot above.<\/p>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-267\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol-300x81.png\" alt=\"\" width=\"300\" height=\"81\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol-300x81.png 300w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol-1024x276.png 1024w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol-500x135.png 500w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoCol.png 1113w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Choosing either piece of content, each would contain one of the columns. The important thing is the &#8216;class&#8217; field, which contains two words:<\/p>\n<ul>\n<li><strong>twocol<\/strong>: this gives the piece of content a width of just under 50% of the whole content area, plus some padding.<\/li>\n<li><strong>nosidebar<\/strong>: this removes the usual menu bar from the site, meaning that the two columns fill the whole width of the template.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoColNoSidebar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-268\" src=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoColNoSidebar-281x300.png\" alt=\"\" width=\"281\" height=\"300\" srcset=\"https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoColNoSidebar-281x300.png 281w, https:\/\/blogs.ncl.ac.uk\/t4\/files\/2014\/02\/TwoColNoSidebar.png 874w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/a><\/p>\n<p>As you can see, the Class field can contain multiple instructions for the page layout, so you could also <a title=\"Ticker Tapes\" href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/02\/04\/ticker-tapes\/\">embed ticker taped bulleted<\/a> lists in a column, or other things documented on this blog should you wish to.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You may wish to remove the sidebar and use a two column layout for one of your pages -usually when you are wanting to acknowledge equal parity by funding bodies or supporters as in the case of our Research Scholarships &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/t4\/2014\/02\/25\/two-columns\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":839,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-260","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/260","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\/839"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":5,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/260\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/posts\/260\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/media?parent=260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/categories?post=260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/t4\/wp-json\/wp\/v2\/tags?post=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}