现象：Bricks 功能多，不知从哪下手
Bricks 编辑器、模板、动态数据、查询循环、表单、WooCommerce …一上来容易懵。其实有一条主线，按顺序走就不乱。
根因：Bricks 是模板 + 动态数据驱动，先抓主线
Bricks 不靠一个个页面堆砌，而是“模板定义结构 + 动态数据填内容“。抓住这条线，其余都是枝节。B2B 外贸站尤其吃这套：产品多、结构统一，模板一次建好就能批量出页。
步骤：六步学习路线
- 编辑器基础：拖元素、设样式、用伪类做交互（见悬停样式那篇）。先把画布玩熟。
- 模板系统：搞懂 Header / Footer / Single / Archive / Section / Popup 类型（见模板条件那篇），这是 Bricks 的骨架。
- 动态数据：在 Single 模板里用动态标签取标题、日期、分类、正文，让一个模板服务所有文章 / 产品。
- 预览数据：建产品 / 文章列表、详情模板时，设 Preview Data（预览数据），画布里才有真实内容可对照排版；不设这个，编辑画布是一片空白，影响调样式。
- WooCommerce 模板：做 Single Product、Product Archive，把产品页 / 分类页做成模板（自定义内容类型同理）。
- 表单与 Popup：用 Bricks Form 做询盘表单，做成 Section 模板全站复用；Popup 模板做询盘弹窗、目录弹窗。
进阶可补：Search Results、404 模板，以及 Rank Math SEO 的配合（注意古腾堡下 SEO 分析的小坑，见那篇）。
常见误区
- 跳过预览数据这步：建 Single / Archive 模板时不设 Preview Data，画布一片空白，样式全凭想象——先设预览数据再排版，是新手最容易忽略的效率点。
- 一上来就冲 WooCommerce：编辑器、模板、动态数据没熟之前直接做产品模板，遇到问题分不清是编辑器问题还是 Woo 问题，排查成本翻倍。
- 只学编辑器不学模板：Bricks 的精髓在「模板 + 动态数据」，只会拖元素等于只用了三成功力；先吃透模板系统再回来补细节，主线更清晰。
- 别跳过进阶模板：Search Results、404 这类模板看着不起眼，做完整 B2B 站时它们决定了「访客迷路时看到什么」。
小结
主线就一句：编辑器 → 模板 → 动态数据 → 预览数据 → WooCommerce → 表单 / Popup。按顺序走，一个 B2B 站很快能成型。
想要一条龙搭好 B2B 站？联系 Ray Chan，从模板到询盘帮你跑通。
常见问题（FAQ）
Q：Bricks 建站的主线是什么？ A：编辑器 → 模板 → 动态数据 → 预览数据 → WooCommerce → 表单 / Popup，按这条线走不乱。
Q：为什么建模板时画布是空白的？ A：没设 Preview Data（预览数据）。在模板设置里指定一条预览数据，画布才有真实内容可对照排版。
Q：先学编辑器还是先学模板？ A：先把画布玩熟，但别停留太久——Bricks 的精髓在「模板 + 动态数据」，主线吃透后效率翻倍。
Q：B2B 站必须学 WooCommerce 模板吗？ A：做产品站基本绕不开，Single Product 和 Product Archive 两类模板决定产品页长什么样。
Q：SEO 分析和 Bricks 有兼容问题吗？ A：有，古腾堡里跑 Rank Math 分析有已知问题，解法见本站「Bricks + Rank Math SEO 分析不生效」一文。
-
相关阅读：Bricks Setup Guide 延伸阅读
-
想要现成外贸独立站模板与建站实战？看 铲子铺 chanzipu 的外贸建站教程（同用 Bricks，从零搭出能收询盘的站）
延伸阅读
Bricks 产品列表模板怎么建？（自定义内容类型 CPT）
教程：用 Bricks Template 给自定义内容类型（如 Products）建列表模板，Query Loop 继承主查询，分类、分页一次搞定。
tutorialBricks 模板编辑看不到内容？用 Populate Content 喂预览数据
教程：做 Archive / Single 模板时画布空白，是因为没设预览数据。用 Template Settings 的 Populate Content 让画布显示真实内容再调样式。
tutorialBricks 模板功能详解——页眉、页脚、文章详情一次做好全站复用
教程：每个页面重复做页眉页脚太蠢。用 Bricks 模板功能做一次、全站套用，配合条件设置精确控制显示位置。
tutorialBricks 制作 404 页面模板
教程：用 Bricks 专门做 404 模板，让死链访客看到友好兜底页，带搜索和返回入口挽回跳出。