- Plan the content model before the layouts Layouts arrange content; the classes and fields come first. Check what the existing classes offer.
- Plan for speed Cached pages answered in 22 to 102 ms on the test copy, a page after a full template clear in about 3 s; plan launches and cache clears with that in mind.
- Plan the site's own documentation Write down the layouts, mappings, menus and templates of the site in the same structure as these pages, so the next person can change them.
- Build examples, every page The 35 examples of the build phase of a site's life, each one task done in the Layouts editor and with templates. Make the blocks, lists, galleries, columns and templates of the pages.
- A hero banner at the top of a page A large image with a title, a sentence and a button: the Hero block with its six fields, or a template block with the same markup.
- An about-us section with picture and text Title, text, image and link side by side: the About block, or the same markup in a template block.
- A row of three features Three short selling points: the Features block, or a Three columns container with three Cards, or one template.
- A wall of partner logos from a folder The Logos block reads images from a parent node (Parent node ID, Limit, Class filter, Image attribute identifier, Thumbnail size alias); or a fetch in a template.
- A customer quote The Quote block with Quote text, Author, Source and Alignment, or the same in a template.
- A call-to-action button The Button / Link block (Text, Style, Target, Use link), or a link in a template.
- A section heading with the right level The Title block (Title, Heading level 1-6, HTML tag, Use link) for headings between blocks.
- A paragraph of formatted text The Rich text block (Content) or the Text block for plain text; in templates, the text of a content field.
- A block written in Markdown The Markdown block (Markdown content) for editors who prefer Markdown.
- An embed code from another service The HTML snippet block (Raw HTML) for a widget code, and what to watch out for; or the code in a template.
- One image with a link The Image block (Image URL, Alt text, Link URL), or an image attribute printed in a template.
- Space and a line between sections The Spacer (Height in pixels, default 32) and Divider (Style, Margin) blocks, or vertical whitespace on the blocks themselves.
- An alert banner The Alert block (Message, Type, Dismissible) for a short notice, or a template block.
- Frequently asked questions as an accordion The Accordion block (Items "Title|Content" per line, Open first item), or the Accordion (List) block over content items.
- Tabs with short texts The Tabs block (Tabs "Title|Content" per line, Active tab index).
- A map on the contact page The Map block (Map embed URL, Width, Height) on the contact page's layout.
Documentation license
This documentation is free documentation, licensed under the GNU Free Documentation License 1.3 or later.
Exponential Copyright © 1998-2026 Exponential Foundation and 7x