如何使用 Bricks Builder 编辑我的第一个页面

第一次用 Bricks 建站容易卡在「从哪开始」。本文带你走完编辑第一个页面的完整闭环：进编辑器、认识界面、拖元素、改样式、保存发布。适合纯新手。

进入 Bricks 编辑器

有两种常用入口：一是在 WordPress 后台「页面 → 所有页面」里，鼠标悬停某页点「使用 Bricks 编辑」；二是前台浏览时，顶部工具条点 Edit with Bricks。两者都会打开 Bricks 的可视化编辑器。

认识编辑器四件套

• 中间 画布：所见即所得地摆放内容。
• 左侧 Structure：页面元素层级树，用来精准选中元素。
• 右侧 Settings：选中元素后的样式与功能控制面板。
• 顶部工具栏：设备切换、撤销、保存、添加元素的「+」。

添加并排版第一个元素

1. 点顶部「+」打开元素库，搜索并添加一个 Container（容器） 作为基础布局块。
2. 再往容器里加 Heading（标题）、Text（文本）、Button（按钮） 等元素。
3. 选中元素，在右侧设置里改文字、颜色、间距、对齐方式。
4. 用 Structure 面板拖拽调整元素上下顺序。

响应式与保存

顶部切到手机/平板视口，针对小屏微调字号和间距。确认无误后点右上角 保存（或快捷键 Ctrl/Cmd+S）。保存后去前台刷新即可看到成品。

小结

编辑第一个页面的核心动作就四步：进编辑器 → 加 Container 打底 → 往里堆元素并改样式 → 保存发布。先不求完美，把「能拖出东西、能改、能存」跑通，后面再逐步抠细节和响应式。

内容说明（整理稿）：本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程（源多为截图驱动教程，正文极薄），内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理，非原文逐字翻译，也不构成官方文档。操作入口/路径以你当前 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.

获取报价 →浏览全部教程