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>
119 lines
3.8 KiB
Markdown
119 lines
3.8 KiB
Markdown
# 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
|
||
1. Go to **WordPress Admin → Bricks → Templates**
|
||
2. Click **Import**
|
||
3. Select a `.json` file from this kit
|
||
4. The template appears in your list with the "BCW —" prefix
|
||
|
||
### Full bundle (ZIP)
|
||
1. Go to **WordPress Admin → Bricks → Templates**
|
||
2. Click **Import**
|
||
3. Select `bundles/bcw-starter-kit.zip`
|
||
4. All 14 templates import at once
|
||
|
||
### Using a template
|
||
1. Open any page in Bricks editor
|
||
2. Click the **Templates** icon in the toolbar
|
||
3. Find a "BCW —" template and click **Insert**
|
||
4. 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:
|
||
|
||
1. Open the template in Bricks editor
|
||
2. Go to **Settings → Template Settings → Conditions**
|
||
3. Set the condition (e.g., "Entire website", specific page type, or individual page)
|
||
4. 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.
|