Inicio - Documentación - POM Theme - 04 Layout - How POM Theme composes the site frame

How POM Theme composes the site frame

The site frame is the interface that surrounds the main content: header, optional subheader, breadcrumbs, sidebars, footer, and floating controls. POM Theme keeps these parts independent so a site-wide navigation change does not require editing every page.

Site layout sections in POM Theme

The three layout scopes

1. Site-wide frame

Settings → POM Theme → Site layout contains the shared frame:

  • Header and Mobile navigation
  • Subheader and Breadcrumbs
  • Footer and Floating contact dock
  • Sidebars

Changes here can affect many public URLs. Preview representative pages before treating the result as complete.

2. Content-type layout

Posts, archives, author pages, search results, custom post types, and WooCommerce screens have their own layout sections. These sections decide whether a template uses a left sidebar, right sidebar, both sidebars, a contained no-sidebar layout, or a full-width variant where supported.

This distinction matters: creating a sidebar makes a widget area available, but the relevant content-type layout decides where that sidebar appears.

3. Page composition

The Page Builder controls the rows and columns inside a page. A full-width row can extend its background beyond its inner content, while the surrounding header and footer remain governed by Site layout.

Rendering order

On a typical public request, the visible structure is:

  1. Any reusable block prepended to the header.
  2. Optional header areas and the main navigation.
  3. The subheader, when enabled for the current context.
  4. Breadcrumbs in the selected position.
  5. The template or Page Builder content, including assigned sidebars.
  6. Footer widget rows and copyright area.
  7. Any reusable block appended after the footer and enabled floating controls.

Not every page uses every layer. For example, breadcrumbs can be disabled for pages while remaining enabled for posts.

A practical rule for overrides

Start with the broadest reusable setting, then narrow it only when the content genuinely requires a different treatment:

  1. Establish the global site frame.
  2. Apply a content-type layout for recurring structures.
  3. Use an available per-content override for an exceptional entry.
  4. Keep purely editorial composition inside the Page Builder.

This order keeps the site predictable and makes later design changes easier to review.

Compare the complete frame on desktop and mobile

Verify the frame

Review at least one page, one single post, one archive, and one search result. If the site uses custom post types or WooCommerce, include one single and one archive URL for each relevant type. Test signed out and signed in when the header contains login-specific navigation.

Continue with Site width and containers before choosing individual header and footer details.