An Intro To Templates

Templates are a central feature of Bricks. There are different template types. At the very least you usually create a header, footer, and blog post template.

A template can contain a single section (e.g. your website header, a hero section, etc.) or the entire page content (e.g. a single blog post layout, archive pages, search results page, error page, etc.).

You can create your own templates or browse dozens of pre-designed templates from the Template Library by clicking the Templates (folder) icon in the builder toolbar.

Community Templates

Browse this ever-growing collection of pre-designed templates and insert the template of your liking with a single click, and adjust it from there. All community template images are royalty-free and can be used in your own and your client projects.

TIP: When you start out with Bricks inspecting a template is a great way to learn how a certain layout is structured.

My Templates

You can view, create, import, and export your own templates by clicking the Templates (folder) icon in the builder toolbar, or directly from the WordPress dashboard:

My Templates in WordPress Dashboard

This also provides a great overview of where on your site a template appears (Template Conditions), the Template Type, plus any template metadata you’ve added (Templates Bundle, Template Tags) to better organize your templates.

Let’s quickly go over those template-specific terms:

Template Conditions

Template conditions determine where on your site a template appears.

For example, an Archive template will be used on all author and date archive pages (see screenshot below). The Single Blog Post template is responsible for all your posts. Both are set as such via template conditions.

If no template condition is set Bricks will use published templates of certain Template Type such as header, and footer templates on the frontend of your website.

View the table below to see which Template Types are picked up by default.

To set template conditions for the template you are editing click the Settings (gear) icon in the builder toolbar, then go to Template Settings > Template Conditions:

Template Conditions are located under: Settings > Template Settings

TIP: To disable the use of default templates go to Bricks > Settings and select the Disable Default Templates setting.

Template Types

Setting a template type is required for any template.

Assigning the most suitable template type helps you easily filter large template libraries and it allows Bricks to determine if a certain template should be shown on the frontend of your website in case no conditions are set. This is if you haven’t disabled this option as described in the tip above.

Template TypeDescriptionUsed By Default
HeaderSet for any template that contains your website header (logo, nav menu, etc.)Yes
FooterSet for any template that contains your website footer (copyright info, footer nav menu, etc.)Yes
SingleSet for any template that contains the main content. Such as a single blog post template.No (it’s unique)
SectionSet for any template that contains a single section. Such as a hero section, contact section, etc.No (it’s unique)
ArchiveSet for any template that contains your website archive. Can be broken down via Template Conditions into author, date, category/tags archive pages.Yes
Search ResultsSet for the template that you want to use to display your search results page.Yes
Error PageSet for the template that you want to use as your 404 error page.Yes

IMPORTANT: Section templates do NOT sync/are updated between pages. Please set template type to show a certain template at a specific area of your site. “Single” & “Section” templates are unique and not used anywhere by default.

Template Bundles & Template Tags

These two Bricks template taxonomies can be used to organize and group your templates together. They are 100% optional.

For example: Our Community Templates use Template Bundles to group individual templates of the same website design (Milo, Sizzle, Rank, etc.) together. Feel free to use template bundles in any other way.

Template Tags are simple tags. The “My Templates” screenshot above uses template tags such as “Dark” and “Light”. Again, they are completely optional, but often very useful. Especially as your template library grows over time.