Spencer
bb7e1483ae
14 templates for Bricks Builder 2.x: 9 sections, 3 headers, 2 footers. Verified import format against Bricks 2.2 exports. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
3.8 KiB
BCW Templates — Bricks Builder Starter Kit
A minimal, structural collection of Bricks Builder templates for quick-starting new WordPress projects. Import individual files or the full bundle ZIP.
Template Index
Sections (9)
| File | Description |
|---|---|
hero-simple.json |
Full-width hero: heading + subtitle + two buttons |
hero-split.json |
2-column hero: text left, image placeholder right |
features-3col.json |
Icon + heading + text, 3 equal columns |
features-4col.json |
Icon + heading + text, 4 equal columns |
content-image-right.json |
Text left, image placeholder right |
content-image-left.json |
Image placeholder left, text right |
cta-banner.json |
Full-width call-to-action: heading + subtitle + button |
testimonials.json |
3-column quote cards with name and role |
faq-accordion.json |
Heading + nestable accordion with 5 placeholder items |
Headers (3)
| File | Description |
|---|---|
header-minimal.json |
Logo left, navigation right |
header-centered.json |
Logo centered, navigation below |
header-with-cta.json |
Logo left, navigation center, CTA button right |
Footers (2)
| File | Description |
|---|---|
footer-minimal.json |
Logo + navigation + copyright, single row |
footer-columns.json |
3 columns: about/logo, quick links, contact info |
How to Import
Individual templates
- Go to WordPress Admin → Bricks → Templates
- Click Import
- Select a
.jsonfile from this kit - The template appears in your list with the "BCW —" prefix
Full bundle (ZIP)
- Go to WordPress Admin → Bricks → Templates
- Click Import
- Select
bundles/bcw-starter-kit.zip - All 14 templates import at once
Using a template
- Open any page in Bricks editor
- Click the Templates icon in the toolbar
- Find a "BCW —" template and click Insert
- The section drops into your canvas — edit placeholder text and images
Header & Footer: Conditions
After importing a header or footer template, Bricks automatically applies the first published header/footer sitewide. To control which header or footer appears on which pages:
- Open the template in Bricks editor
- Go to Settings → Template Settings → Conditions
- Set the condition (e.g., "Entire website", specific page type, or individual page)
- Publish
If you have multiple headers (e.g., one default, one for landing pages), set conditions on each to prevent conflicts.
Page Recipes
Since sections are the reusable building blocks, a "page" is just sections stacked in order. Common recipes:
Home page
→ hero-simple or hero-split
→ features-3col or features-4col
→ content-image-right
→ testimonials
→ cta-banner
Services page
→ hero-simple (brief intro)
→ features-4col (services overview)
→ content-image-right (detail section)
→ content-image-left (second detail section)
→ cta-banner
About page
→ hero-simple
→ content-image-right (story/mission)
→ testimonials
→ cta-banner
Contact / FAQ page
→ hero-simple (brief)
→ faq-accordion
→ cta-banner
Design Philosophy
All templates are structural only — no baked-in colors, font sizes, or spacing. Bricks theme defaults and your Global Styles apply. This keeps the templates neutral and lets your brand come through without fighting overrides.
What's included per template:
- Flex layout direction, alignment, and gap on containers
- Heading tags (h1–h4) for semantic structure
- Placeholder text on all text elements
- Labels on outer elements for builder readability
- Empty image elements (Bricks shows a placeholder in the editor)
Bundles
After manual verification, export all templates from Bricks and save the ZIP to bundles/bcw-starter-kit.zip for easy one-click import on future projects.