Page Layout
Two-column content + sidebar organism, with an optional mobile-only bottom aside. Renders template-parts/organisms/layout/content-sidebar.
There's no separate static preview above the Playground here — content-sidebar.php hardcodes id="main-content" on its main column (a real page only ever renders it once), so rendering it a second time for a side-by-side comparison would produce a duplicate ID on this page. The Playground below is the only live instance rendered here; use its controls to toggle the sidebar and the mobile-only bottom aside. Note that .page-layout__mobile-bottom is CSS-hidden at the breakpoint-m (768px) desktop breakpoint and up — narrow your viewport below that to see the mobile bottom label/content options take visual effect.
Playground
Change a value below to update the preview live.
Usage
get_template_part( 'template-parts/organisms/layout/content-sidebar', null, [
'page_header_content' => null, // optional, callable|string — omit to skip the <header> row
'show_sidebar' => true, // default false
'sidebar_content' => function () { /* ... */ }, // callable|string, callable preferred
'sidebar_label' => 'Related practice areas', // optional, default 'Sidebar'
'main_content' => function () { /* ... */ },
'show_mobile_bottom' => true, // default false
'mobile_bottom_content' => function () { /* ... */ },
'mobile_bottom_label' => 'Page links', // optional, default 'Page links'
'header_overlap' => true, // optional, default true
'full_bleed' => false, // optional, default false — edge-to-edge body, no constrain/gutters
'white_background' => false, // optional, default false — white background instead of the page-content token
] );