Layouts define structural groupings. Templates provide specific page implementations. Theme Parts (zones + areas) build the foundation of these templates. Entity Mapping connects all these elements, showing where each part fits in different templates and layouts. Each Template Part is assigned to a Layout, defining its role within a Template.
1. Zones & Areas (Theme Parts)
Each part belongs to a zone and serves a specific function.
Root Aside (root-aside) – Site-wide sidebar or supplementary area. Root Footer (root-footer) – Global footer, with structural navigation and metadata. Root Header (root-header) – Site-wide header with brand elements and main navigation. Root Main (root-main) – The primary structure that houses major layout elements. Content Aside (content-aside) – Sidebar for additional content within the content zone. Content Footer (content-footer) – Footer for the content section, often navigation-related. Content Header (content-header) – Header contextualizing the content. Content Main (content-main) – The core display area for primary content. Focus Aside (focus-aside) – A secondary column or sidebar inside a focus zone. Focus Footer (focus-footer) – Footer specific to a focus structure. Focus Header (focus-header) – Header setting up a section of focused content. Focus Main (focus-main) – The central area of focus-based content. Primary Aside (primary-aside) – A sidebar-like element in the main query area. Primary Footer (primary-footer) – A footer that concludes primary content. Primary Header (primary-header) – The introductory section of primary content. Primary Main (primary-main) – The main article or content block. 2. Layouts (Structural Groups)
Each layout consists of multiple templates sharing a similar structure.
404 – Pages that don’t exist (error handling). Archive – Templates listing multiple posts or entries. Home – The primary homepage layout. Page – Layouts defining standalone content pages. Search – A layout for displaying search results. Single – A layout for displaying individual content pieces. 3. Templates (Page-Specific Structures)
Each template applies a layout and is built using theme parts.
Page: 404 → Uses the 404 Layout, defining: (Similar parts exist for header, footer, and main)
Archive: Fallback → Uses the Archive Layout, defining: content-aside-part-archive primary-aside-part-archive
Single Item: Attachment → Uses the Single Layout, defining: content-aside-part-single primary-aside-part-single Each template part is a named combination of a zone + area, placed inside a template within a layout.
Key Insights
Every template uses a predefined set of parts, ensuring consistency. Layouts group related templates, making it easy to structure reusable patterns. Zones and areas define every part used in a template. Entity mapping clearly connects every element, ensuring every layout has structured, modular parts.