如果我跟你说，从零开始搭建一个像样的企业官网只需要 30 分钟，而且不需要写任何代码——你信吗？
这篇文章会带你用 Bricks Builder 在 WordPress 上搭建一个企业首页。
前提：你已经有了一个安装了 WordPress 的网站。如果没有，可以参考我之前写的 Bricks Builder 入门教程。
准备工作（5 分钟）
先搞清楚首页需要什么
一个标准的企业官网首页，通常包含以下几个部分：
- 顶部导航（Logo + 菜单）
- Hero 区域（大标题 + 副标题 + 行动按钮）
- 服务/产品介绍（3 个核心业务卡片）
- 为什么选择我们（信任元素：数据、资质、客户）
- 关于我们简版（带联系按钮）
- 页脚（联系方式 + 版权信息）
准备好以下素材：公司 Logo（PNG 或 SVG 格式）、产品/服务图片（最好 3-5 张，提前压缩好）、公司的核心介绍文案（200-300 字）、联系方式。
第一步：新建页面并打开 Bricks 编辑器（2 分钟）
- 在 WordPress 后台左侧菜单，找到”页面” → “新建页面”
- 给你的页面取个标题：比如”首页”
- 点击”用 Bricks 编辑”按钮（蓝色的，在标题上方）
系统刷新后，你就进入了 Bricks Builder 的编辑界面。左边是设置面板，右边是实时页面预览。
第二步：搭建 Hero 区域（8 分钟）
添加 Section
- 在左边面板顶部，点击 “+ 添加” 按钮
- 选择 “Section”——它会立即出现在预览中，一个横跨全屏的灰色区域
- 点击这个 Section 选中它，在左边找到 “Background” → 设置一个深色背景色（比如深蓝或深灰）
- 在 “Size” 中，把最小高度设为 “100vh”（全屏高度）
添加内容
- 点击 Section 内部的 Container 选中它
- 依次添加：一个 Heading（标题）、一个 Text（描述文字）、一个 Button（按钮）
- 标题文字：比如”专业的企业网站，从可视化建站开始”
- 描述文字：比如”Bricks Builder 拖拽操作，所见即所得。不需要代码，建完你自己就能改。”
- 按钮文字：比如”了解建站套餐”，链接指向 /pricing/
- 把所有文字居中对齐，颜色设为白色（与深色背景搭配）
第三步：添加服务介绍区（6 分钟）
- 在 Hero Section 下方，添加一个新的 Section
- 这个 Section 的 Container 里，先加一个 Heading：比如”我们的服务”
- 然后在这个 Container 内部，添加一个 “List” 元素——用 List 来展示 3 个服务卡片
- 在 List 设置中，选择”3 列”布局
- 在每个列表项中放入：一个小标题 + 一段描述文字
- 调整好间距，让 3 个卡片等宽排布
第四步：添加信任区和按钮（5 分钟）
- 再添加一个新的 Section
- 背景色选择一个非常浅的灰色
- 添加一个 Heading：”为什么选择我们”
- 下面放 2-3 个关键数据点，比如：20+ 企业建站经验、¥1999 起超高性价比、建完自己就能改
- 底部加一个按钮：”发参考站聊聊”→ 链接到 /contact/
第五步：保存并预览（4 分钟）
- 点击 Bricks 编辑器左上角的”保存”按钮（或者按 Ctrl+S）
- 点击”预览”按钮，在新的标签页中查看你的页面效果
- 检查几个关键点：标题和文字是否有错别字？按钮点击是否跳转正确的链接？页面在手机尺寸下显示是否正常？
没问题的话，回到编辑器，点击”发布”。
就这样？就这样
是的，上面这些操作全部加起来，不到 30 分钟。而且整个过程你没写一行代码——纯拖拽操作。
之后你想改这个页面：改文字——回到 Bricks 编辑器，直接点击文字修改；换图片——点击图片元素，从媒体库选择新的；加页面——新建一个页面，重复上面的步骤；加功能——安装对应的 WordPress 插件即可。
学废了吗？如果你不想自己动手做，让我来帮你建——我用 Bricks Builder 给你搭好，之后你自己改就行。