Bricks 从零上手——新手第一个站的学习路线

先搞清 Bricks 是什么

现象：很多新手一上来就被“Bricks 是主题还是构建器”搞晕。

根因：Bricks 跟 Elementor 不一样——它既是主题也是页面构建器。你装了 Bricks 之后，整个站（页头、页脚、文章页、归档页）都用 Bricks 的 Template（模板）机制来画，不需要再单独装一个主题。

步骤：先建立这个认知——Bricks = 主题 + 可视化编辑器二合一。后面所有的“页头页脚”“文章模板”都是通过 Bricks 的 Template 功能做的，不是靠传统 WordPress 主题。

小结：把这层关系理清楚，后面看任何 Bricks 教程都不会懵。

安装与激活

现象：买了授权不知道往哪填，或者装完前台一片空白。

根因：Bricks 是付费主题，需要在后台用 License Key 激活；没激活时部分功能受限，且模板库用不了。

步骤：

1. 后台 Appearance（外观）> Themes（主题） 上传并启用 Bricks（或直接用官方给的安装包）
2. 启用后进入 Bricks → Settings → License，填入你的 License Key 并激活
3. 顺手在 Bricks → Settings 里把语言、默认色板、字体先设好

具体激活入口的标签名以你当前 Bricks 版本为准，如有出入按官方文档补全。

主题设置先过一遍

现象：一进设置页满屏标签，不知道哪些该改。

根因：Bricks 的设置分了好几个标签（通用、构建器、性能、SEO 集成等），新手容易在无关项上耗时间。

步骤：建议按这个顺序过：

• General（通用）：时区、暗色模式开关、默认文章类型
• Builder（构建器）：编辑器的默认行为、是否禁用 Gutenberg 的 Fullscreen 等
• Performance（性能）：CSS 打印方式、是否合并/延迟加载——性能相关的先别乱动，上线后再调
• Templates（模板）：这里能导入/导出整套模板设置

小结：设置页不用一次改完，先把 License 和通用项搞定，能进编辑器就行。

用模板搭出整站骨架

现象：网站有页头、页脚、文章页、产品列表页，一个个画太累。

根因：Bricks 用 Template（模板） 来批量控制“某类页面长什么样”，跟 Elementor 的 Theme Builder 一个思路。模板类型包括 Header、Footer、Single（详情页）、Archive（列表页）等。

步骤：

1. 后台 Bricks → Templates（模板） 进入模板管理
2. 新建一个 Header 模板，画好导航，条件设为“整个站点”
3. 同理建 Footer
4. 建 Single Post 模板控制文章详情页样式，条件选“文章”
5. 建 Archive 模板控制分类/列表页

小结：模板是 Bricks 的灵魂，先把 Header/Footer/Single/Archive 四个骨架立起来，网站就有了形。

编辑你的第一个页面

现象：模板有了，但不知道怎么真正去画一个页面。

根因：Bricks 编辑器是拖拽式的，结构（Section > Container > 元素）是它的基本层级，新手常把元素直接拖到最外层导致布局崩。

步骤：

1. 后台 Pages（页面）> 新建页面，点 Edit with Bricks 进编辑器
2. 先拖一个 Section，里面放 Container 当列
3. 在 Container 里再加 Heading / Text / Button / Image 等元素
4. 右侧面板切到 Style 调间距、颜色、排版
5. 左侧 Structure 面板能看清层级，布局乱了就在这儿理

小结：记住“Section → Container → 元素”的层级，编辑器就不吓人了。

需要我帮你从零搭一个 Bricks 站的骨架模板？联系 Ray Chan，咱们按你的业务把 Header/Footer/产品页一次配齐。

下一步该学什么（学习路线）

走完这篇，你已经能搭基本页面。建议按这个顺序深入：先用「Container + Flexbox」把布局搞熟（这是全站 80% 结构的根基），再做页眉页脚和博客列表/文章页让站点成型；之后按需要补动态数据、Query Loop、条件显示。想做外贸独立站收询盘，重点把表单和询盘页做好。每篇都动手跟着做一遍，比看十遍记得牢。

• 相关阅读：Bricks Setup Guide 延伸阅读

• 想要现成外贸独立站模板与建站实战？看 铲子铺 chanzipu 的外贸建站教程（同用 Bricks，从零搭出能收询盘的站）

常见问题（FAQ）

Bricks 是主题还是插件？ 它是主题（也提供插件模式），装好后从 Bricks 设置进构建器，不是传统 WP 编辑器。

新手要先学 PHP 吗？ 不用。基础建站全程可视化；只有做自定义动态标签、条件逻辑时才碰一点 PHP/JS。

模板和页面有什么区别？ 模板（Header/Footer/归档等）用 Conditions 自动套用，页面是你手动编辑的单页内容。

卡住了去哪查？ 先看本站教程分类，再查 Bricks 官方文档；具体随版本变动，以官方文档为准。

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

获取报价 →浏览全部教程