{"id":86,"date":"2013-01-07T14:28:33","date_gmt":"2013-01-07T14:28:33","guid":{"rendered":"http:\/\/engage.augsburg.edu\/mannj\/?p=86"},"modified":"2013-08-27T17:07:39","modified_gmt":"2013-08-27T17:07:39","slug":"page-with-sidebar","status":"publish","type":"post","link":"https:\/\/engage.augsburg.edu\/mannj\/2013\/01\/07\/page-with-sidebar\/","title":{"rendered":"Page with Sidebar"},"content":{"rendered":"

To a create a page that is a 60%\/40% split (essentially, a page with a sidebar area on the right), select the default page template and put this code into the HTML:<\/p>\n

<div class=\"bottom6040L\">\r\n\r\n<\/div>\r\n\r\n<div class=\"bottom6040R\">\r\n\r\n<\/div><\/pre>\n
Whatever you want in the primary content area (the left portion of the page) will go within the first div, and whatever you want in the sidebar area (the right portion of the page) will go within the second div. So, this<\/p>\n
<div class=\"bottom6040L\">\r\nThis is on the left! Woohoo!\r\n\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content \r\ncontent content content content content content content content content content content\r\ncontent content content content content \r\n<\/div>\r\n\r\n<div class=\"bottom6040R\">\r\nThis is on the right! Woohoo!\r\n\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content content content content content content content\r\ncontent content content content content \r\n<\/div><\/pre>\n
Will return this:<\/p>\n
\"sidebar<\/a><\/p>\n
**********IMPORTANT NOTE**********<\/h2>\n
The vertical orange bar that runs between these two sections of the page is determined by the height of the left site (or primary content area) of the page, so if you have a bunch of things in your sidebar but not enough page content to keep up with it then the orange bar will stop partway down the page and your sidebar content will continue on down, without the orange bar next to it.<\/p>\n","protected":false},"excerpt":{"rendered":"
To a create a page that is a 60%\/40% split (essentially, a page with a sidebar area on the right), select the default page template and put this code into the HTML:<\/p>\n","protected":false},"author":112,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/86"}],"collection":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":5,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/86\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}