Bricks 2.0 更新全解:打造模块化、高性能的 WordPress 网站

Bricks 是什么?

Bricks 是一个完整的 WordPress 主题,它的Bricks Builder 具备强大的功能模块化能力,适合用于构建高度自定义、快速响应、高性能的网站。

Bricks 能做什么?

自定义页面布局:支持像素级设计控制

WooCommerce 商店构建:不用代码,就能设计完整电商前台

弹窗系统:内置 Popup Builder 可制作弹出广告、表单等

菜单构建器:支持多层级、自定义样式的响应式菜单

动态内容支持:完美兼容 ACF、MetaBox、JetEngine 等字段插件

可重用组件系统:一次更新,多处同步

CSS类与变量管理:模块化管理,便于维护

响应式设计工具:支持自定义断点,移动优先支持

Bricks 2.0 更新说明

更新建议

优先在本地或暂存站点测试升级效果。

在后台的 Bricks > 设置 > 常规 运行“全局元素转换器”,将旧的全局元素转换为新组件。检查前端样式显示情况,默认启用了 CSS Cascade Layers,可能影响旧有样式。

如果多个角色编辑 Bricks 内容,建议启用 Bricks > 设置 > Builder 访问权限 中的“构建器能力”功能。

测试无误后,再更新正式站点。

Bricks 2.0 新功能概览

🧱 构建器功能增强

构建器能力控制:提供 50 多个权限点,精细控制谁能访问哪些内容、组件和样式。

元素管理器:启用/禁用构建器中的元素,精简界面。

字体管理器:本地托管 Google 字体,管理 Adobe、自定义字体。

图标管理器:上传、管理 SVG 图标集,可预览、搜索、启用/禁用。

命令面板:快捷操作 CMD/CTRL+K 快速导航、添加内容、结构等。

快速访问栏:键盘快速导航各元素组,提升编辑效率。

🎨 样式与视觉控制

可视化 CSS 网格编辑器:支持拖拽设计响应式 Grid 布局。

继承指示器:查看当前样式是否继承自类、断点或伪类。

选择器 UI 改进:完全可视化地控制任意元素样式,包括伪类。

主题样式表:新增 Stylesheet 控制组,可添加自定义 CSS。

SVG 样式支持断点与类控制:视觉样式编辑 SVG 图标。

分类式类与变量下拉菜单:帮助管理大型样式系统。

🔧 工作流与编辑体验提升

界面重构:UI 更清晰,风格统一。

批量编辑元素:一次选择多个元素进行样式修改或结构操作。

右键取消包裹元素:点击即可将元素解包。

颜色变量可视化编辑器

隐藏元素开关:支持前台/编辑器内隐藏元素。

孤立元素扫描与清理:自动检测无效/失联的构建器元素。

🧩 组件与结构更新

嵌套组件:组件内支持再嵌套组件,模块化更彻底。

组件功能正式稳定:退出实验阶段。

组件属性类型扩展:支持切换、下拉、类选择器等,增强组件动态性。

⚙️ 性能与技术变化

构建器渲染逻辑重构:更快的加载与操作响应。

默认启用 Cascade Layers:层级更清晰,样式隔离更强。

全局元素已弃用:被组件完全取代,需用转换器迁移。

🛠️ 元素级增强

表单元素:新增 Webhook 动作,可用于与第三方系统集成。

地图元素支持 Query Loop 与同步渲染,动态展示多个地理位置。

WooCommerce:新增产品变体图形化选项(颜色、图片、文字)。

支持 WooCommerce 交互事件,如添加/移除购物车、优惠券等。

Bricks 核心模块功能介绍(亮点)

Menu Builder 菜单构建器

设计完全自定义的响应式桌面与移动端菜单,支持嵌套导航、Mega Menu、垂直/水平菜单等多种形式,满足复杂站点导航需求。

WooCommerce Builder 商店构建器

无需其他插件即可搭建完整商城,包括产品页面、分类页、购物车、结账页等,提升转化率和用户体验。

Popup Builder 弹窗构建器

内建弹窗功能,无需额外插件即可创建订阅弹窗、折扣活动、退出意图等高转化提示内容。

Query Loop Builder 数据查询构建器

支持可视化查询 WordPress 数据,如文章、用户、自定义字段等,创建动态内容展示模块。

CSS 类与变量系统

支持模块化样式结构,提供类管理器、变量分类、跨站复制等功能,适用于大型项目。

Dynamic Data 动态内容支持

完美支持 ACF、Meta Box、Toolset 等插件的数据绑定,可绑定任意字段到前端内容或结构。

Components 可重用组件系统

构建可复用的按钮、卡片、版块等,一次编辑,全站同步,支持传递自定义属性。

Responsive Editing 响应式编辑

支持自定义断点、移动优先模式、实时预览各设备显示情况,构建适配性强的网站。

如果你正在寻找一个灵活、强大、性能优异的 WordPress 页面构建工具,Bricks 2.0 是极具竞争力的选择。无论是自由开发者还是企业建站团队,Bricks 都能提供稳定、高效、可扩展的解决方案。

一些常见疑问说明

❓可以搭配 Astra、Hello Theme 使用吗?

不能。Bricks 是一个主题,不是插件,不能在其他主题上运行(不像 Elementor 那样是一个插件)。安装 Bricks 后,WordPress 会直接切换到 Bricks 主题。

❓可以自定义页眉、页脚、模板吗?

完全可以。Bricks 提供强大的模板功能,包括:

Header、Footer 模板(响应式、Sticky、透明都支持)

单页模板(Single Post、Single Page)

归档模板(Blog、Category、Tag 等)

条件显示模板(不同用户角色、设备、页面类型可设置不同模板)

❓WooCommerce 支持好吗?

非常好。Bricks 自带 WooCommerce Builder,支持构建以下页面:

商店页面(Shop)

商品详情页(Single Product

分类/标签归档页

购物车、结账页、账户页面等

产品变体图形化选择(Swatches)

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注