Website layouts
A layout is a reusable page structure. It holds the header, the footer and an optional sidebar, and leaves a space in the middle for the page's own content. You build a layout once and point pages at it, rather than setting the same header and footer on every page.
Why layouts matter
The layouts list
Open Website > Layouts to see every layout in the project.
The Layouts screen
One row per layout, named for the part of the site it frames.
Creating a new layout
How layouts work
A layout controls what appears above, below and beside the main content area. The page fills the middle.
You build one by arranging placeholder blocks in the visual editor. A placeholder does not hold content itself. It marks where something else goes.
Most layouts run top to bottom, a header section, a body section for the page content and a footer section.
Others do not. A two-column layout puts a sidebar next to the body for related links and categories. A landing page layout can leave the footer out entirely and keep visitors on one action.
The layout editor
Layouts are built in the same visual editor as pages, headers and footers, in the same three areas.
A layout on the canvas
The placeholders show where each part goes. Here a header placeholder sits above a two-column row, with a category menu on the left and the page content container on the right.
Applying a layout to a page
Changing and deleting layouts
Deleting a layout
Delete a layout that pages are using and those pages lose their frame. They render as plain content with no header, no footer and no sidebar until you assign them another layout or set those elements on each page.
Tips for using layouts
FAQ
Frequently asked questions
Those pages lose the layout and render without its header, footer and sidebar until you assign a new layout or set those elements on each page.
Open the Design tab in the page settings. A page on a layout takes the layout's header, unless the page's own Header field is set to None, which wins.