Blocks

AI Integration Advanced Basics Collections Conditionals Configuration Content Context Customizations Date Development Extensions Files Flow Control Functions Images Installation Loops Math Navigation PHP Regex SEO Snippets String System URL Variables
Blocks
Blocks are small, self-contained pieces of content such as text paragraphs, headings, galleries, slideshows, and more. You can also add dynamic content like Pagelists, Filelists, or custom snippets. The block editor offers an intuitive editing experience and lets users freely compose a page from multiple blocks.
Layouts
Layouts in Automad are created using the Layout Section block. They can be added anywhere on a page and can contain other Layout Sections, allowing you to create complex, nested designs. Sections can also be set to stretch to the full width of the content area or page. Watch the short videos on this page to see these features in action.
Components
Components in Automad are reusable, static compilations of blocks that let you create consistent sections across your site without having to rebuild them each time. They are ideal for content such as call-to-action elements, card grids, address blocks, or any combination of snippets that should appear in multiple places.
Images
Images play an essential role on the web and in any digital presence. Automad provides responsive images, image galleries, and slideshows as blocks that can be added to any block editor field. These blocks make it easy to display individual images with custom focal points and responsive aspect ratios, as well as manage and present image collections in versatile ways — from structured galleries to responsive slideshows.
Pagelists & Tags
A pagelist is essentially a curated selection of pages that are rendered using a shared template. Each page in the selection is iterated and displayed in a consistent way, which makes pagelists suitable for many common use cases. They can power a simple navigation, but they work just as well for more visual layouts, such as a portfolio grid or blog where each entry shows a preview, title, or other page-specific information.
Layout Settings
Aside from just stacking blocks on top of each other, the block editor provides powerful features to create flexible layouts directly in the dashboard. Blocks can be stretched to the full width of their parent container and arranged in grids using Layout Sections. While the heavy lifting is done by the render engine in the background, templates and their styles have to be prepared in order to make layouts work as expected.
Custom Block Styles
Most of the blocks only consist of plain HTML tags without classes and simply inherit the styles of a theme. However, the default styling of more complex blocks like galleries, slideshows, callouts or the mail form might not match a theme out of the box. You can use CSS custom properties to style the rendered blocks in order to match the look and feel of your theme.