[{"data":1,"prerenderedAt":162},["ShallowReactive",2],{"post:hide-empty-sidebar-from-template":3},{"id":4,"title":5,"body":6,"date":150,"description":12,"draft":151,"extension":152,"meta":153,"navigation":154,"path":155,"seo":156,"stem":157,"tags":158,"__hash__":161},"posts\u002Fposts\u002Fhide-empty-sidebar-from-template.md","TIL: Hide Empty Sidebars From Template",{"type":7,"value":8,"toc":148},"minimark",[9,13,21,77,92,141,144],[10,11,12],"p",{},"My Foundation theme was showing the sidebar even when the sidebar was totally empty. This caused some wonky-looking main content which was shifted to the left, making room for the useless (and invisible) sidebar.",[10,14,15,16,20],{},"The sidebar is rendered with ",[17,18,19],"code",{},"sidebar.php"," in the theme's root folder.",[22,23,28],"pre",{"className":24,"code":25,"language":26,"meta":27,"style":27},"language-html shiki shiki-themes github-light github-dark","\u003Caside class=\"sidebar cell medium-4\">\n    \u003C?php dynamic_sidebar( 'sidebar-widgets' ); ?>\n\u003C\u002Faside>\n","html","",[17,29,30,57,67],{"__ignoreMap":27},[31,32,35,39,43,47,50,54],"span",{"class":33,"line":34},"line",1,[31,36,38],{"class":37},"sVt8B","\u003C",[31,40,42],{"class":41},"s9eBZ","aside",[31,44,46],{"class":45},"sScJk"," class",[31,48,49],{"class":37},"=",[31,51,53],{"class":52},"sZZnC","\"sidebar cell medium-4\"",[31,55,56],{"class":37},">\n",[31,58,60,64],{"class":33,"line":59},2,[31,61,63],{"class":62},"s7hpK","    \u003C",[31,65,66],{"class":37},"?php dynamic_sidebar( 'sidebar-widgets' ); ?>\n",[31,68,70,73,75],{"class":33,"line":69},3,[31,71,72],{"class":37},"\u003C\u002F",[31,74,42],{"class":41},[31,76,56],{"class":37},[10,78,79,80,83,84,91],{},"To hide the odd-looking \"invisible sidebar\", I wrapped an if statement for ",[17,81,82],{},"is_active_sidebar()"," around the sidebar. The ",[85,86,90],"a",{"href":87,"rel":88},"https:\u002F\u002Fcodex.wordpress.org\u002FFunction_Reference\u002Fis_active_sidebar",[89],"nofollow","wordpress docs"," make it fairly obvious that this function returns a boolean indicating whether or not the sidebar has content in it.",[22,93,95],{"className":24,"code":94,"language":26,"meta":27,"style":27},"\u003C?php if ( is_active_sidebar( 'sidebar-widgets' ) ) { ?>\n\u003Caside class=\"sidebar cell medium-4\">\n    \u003C?php dynamic_sidebar( 'sidebar-widgets' ); ?>\n\u003C\u002Faside>\n\u003C?php } ?>\n",[17,96,97,104,118,124,133],{"__ignoreMap":27},[31,98,99,101],{"class":33,"line":34},[31,100,38],{"class":62},[31,102,103],{"class":37},"?php if ( is_active_sidebar( 'sidebar-widgets' ) ) { ?>\n",[31,105,106,108,110,112,114,116],{"class":33,"line":59},[31,107,38],{"class":37},[31,109,42],{"class":41},[31,111,46],{"class":45},[31,113,49],{"class":37},[31,115,53],{"class":52},[31,117,56],{"class":37},[31,119,120,122],{"class":33,"line":69},[31,121,63],{"class":62},[31,123,66],{"class":37},[31,125,127,129,131],{"class":33,"line":126},4,[31,128,72],{"class":37},[31,130,42],{"class":41},[31,132,56],{"class":37},[31,134,136,138],{"class":33,"line":135},5,[31,137,38],{"class":62},[31,139,140],{"class":37},"?php } ?>\n",[10,142,143],{},"Done! Sidebar hides now, and the main content can now expand to fill its container.",[145,146,147],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":27,"searchDepth":59,"depth":59,"links":149},[],"2018-05-25T16:14:30-04:00",false,"md",{},true,"\u002Fposts\u002Fhide-empty-sidebar-from-template",{"title":5,"description":12},"posts\u002Fhide-empty-sidebar-from-template",[159,160],"wordpress","til","BFGHE0BXwJSPeRBLa_wvIT6F5e_QefZdSEdp0RaIKVk",1790471528189]