$ structure

Page layouts

A page layout gives a site's pages a shared header, footer, or chrome without copy-paste. Layouts belong to a site and are versioned just like pages.

What a layout is

A page layout is a reusable, versioned full HTML document with an outlet marker where each page’s body is inserted at request time:

<!-- your shared header / nav -->
<!-- hostdocs:outlet -->
<!-- your shared footer -->

Layouts are scoped to a site. Set one as a site’s default and every page in that site is composed into it when served. A page can override the site’s default layout, or opt out entirely. With no layout, the page is served byte-for-byte as you wrote it (the default).

  1. Open Layouts for the active site and create one, placing <!-- hostdocs:outlet --> where page content should go.
  2. Assign it as the site’s default layout, or to an individual page.
  3. Publish. Editing the layout instantly updates every page it wraps.

Still no rewriting of your code

Composition only concatenates your own page body into your own layout — both are documents you authored. Isolation headers are unchanged, and a page with no layout is passed through unmodified.
PreviousSitesNext Custom domains