Bricks 主题集成了一个更快、更可定制和更高效的工具,用于可视化设计整个WordPress站点。它颠覆了 WordPress 主题的传统模式,Bricks 安装后默认未预制任何布局,而是交给用户像搭积木一样完全自定义,大家设计出来的网站不再千篇一律。
Bricks 主题简介
Bricks 主题推行的是一个全新的理念,按传统的认知而言与其说它是一款主题,不如说它是一款功能强大的可视化编辑器插件。
但它相较于 Elementor 或是 WPBakery Page Builder 之类的插件而言速度实在是无比快速。不论是生成的前端页面,还是后台的编辑器,性能体验都非常出色。
直观地创建整个网站
和其它页面编辑器一样,可以方便的编辑从页眉到页脚,以及介于两者之间的任何内容。在构建器中自定义网站的每一个角落…很快就会忘记正在使用 WordPress 😉
不仅可以设计视觉界面,还可以方便的插入动态数据。同时很多的智能功能可帮助在更短的时间内构建更好的网站。
主题样式
通过主题样式在整个站点中很方便创建和维护一致的设计系统。所有这些都是可视化的,实时的。可为布局、颜色、链接、排版和所有元素自定义样式。
还能根据需要创建多种主题样式,然后在网站上设置条件以显示某些样式。
兼容古腾堡
可以将 Gutenberg 数据转换为 Bricks 数据,反之亦然。允许继续在 Bricks 中编辑古腾堡页面,反之亦然。无锁定效果!
视频无处不在
嵌入来自 YouTube、Vimeo、WordPress媒体库或任何外部 URL 的视频。将背景视频添加到部分、行和列。还可在可自定义的灯箱中打开视频,配置自己的、完全可定制的视频播放器。
内置搜索引擎和社交媒体设置
在构建器中可以为任何页面调整各种与 SEO 相关的设置。包括永久链接、网站标题、元描述、关键字和其它与SEO有关的设置。
还可以通过定义标题、描述和图像来完全控制页面在社交媒体上共享时的显示方式。
编辑器演示

Bricks 主题 v2.0.2 更新日志
- 新增功能
- 购物车优惠券:新增设置项“通过 AJAX 更新购物车”
- 筛选器 – 搜索:新增设置项“显示标签”
- 表单元素:通过新的 pattern 属性支持字段验证(适用于文本、电话、邮箱、网址、密码和搜索字段)
- 地图元素:新增“加载”设置,用于在无 API 密钥时禁用懒加载(iframe 始终启用懒加载)
- 外观 > 主题:在新标签页中打开版本发布链接
- 优化改进
- 构建器:背景图片设置不应在断点处显示
- 构建器:更改“方向”时更新弹性布局控制
- 批量编辑/选择:隐藏交互功能
- 结账页面:“订单备注”仅允许垂直调整大小
- 点击包含多个子元素的可嵌套元素时,结构面板会自动滚动
- 颜色控件:DD 选择器项目对齐方式继承
- 颜色控件:切换到列表视图时取消自动向上滚动
- 元素管理器:评论和文章元素应为必选项
- 全局变量管理器:移除重命名提示
- 继承样式指示器:伪类/伪元素缺少继承样式提示
- 交互功能:点击重复器标题任意位置即可切换展开/收起状态
- 产品评价:默认情况下,Cookie 复选框分为两行显示
- 伪元素 + 背景图片:即使未设置图片,相关设置仍会显示
- 查询筛选器:对已填充的选项(复选框、单选框、下拉框)进行排序
- SVG 元素:支持将路径/URL 作为动态数据传入 SVG 元素
- 选择器检测器:点击“创建”或“取消”后自动关闭
- 滑块:不渲染带有空动态值的按钮
- 模板钩子:若网站强制在非 REST API 端点调用 rest_api_init,会导致钩子被分配两次
- 主题样式:为“元素”控制组添加“有设置”指示器
- WooCommerce 面包屑导航:可设置图标(首页与分隔符)
- 继承样式指示器:自定义选择器缺少继承样式提示
- 问题修复
- 默认日期归档页的 AJAX 分页在第一页无法工作
- 构建器:查询循环中的 PHP 元素值更改导致持续闪烁/加载效果
- 构建器:部分翻译字符以 HTML 实体形式输出
- 构建器:视频元素控件中的拼写错误
- 权限设置:复制元素功能失效
- 级联层:WooCommerce 页面中灯箱功能损坏
- 级联层:主题样式中的设置会覆盖 Bricks 默认样式(导致手风琴嵌套、下拉菜单等功能异常)
- 级联层:Gutenberg 图库“裁剪以适应”缺少样式 / height: auto 丢失
- 级联层:将头部 .sticky 类名重命名为 .brx-sticky
- 级联层:img 样式覆盖了 Gutenberg 的样式
- 类/变量管理器:无法添加新类别
- 类设置:添加多个新类时仅最后一个类生效
- 类设置:样式重置时也应更新面板控件
- 可克隆与可删除控件无法正常工作
- 命令面板:添加权限检查
- 组件:若同一页面多次使用组件,会导致查询 + 动态 CSS 重复
- 组件:选择属性 + 多选项连接到“CSS 类”时引发严重错误
- 默认归档模板:禁用文章元素时出现错误
- 按用户角色筛选:选项未遵循查询循环的用户角色设置
- 表单:复选框/单选框标签缺少必填星号
- 许可证激活错误:HTTP 响应码 415
- 加载更多 / AJAX 分页:2.0 版本后文章元素的此功能失效
- 使用 DD 标签 query_results_count:brxe-xxxxxx 时出现 PHP 错误
- Polylang & WPML:模板设置与页面设置被自动复制
- 防止 .brx-load-more-hidden 的 display 属性被其他类覆盖
- 查询筛选器:update_post_meta 钩子无法自动更新索引记录
- 快速访问栏:形状分隔符可见(回到顶部元素)
- 移除编辑页脚/页眉模板时不可见的“编辑内容”按钮
- 跳转链接:缺少 z-index
- 结构面板:通过键盘重命名元素时出错
- 主题样式:WooCommerce 按钮元素在非 WooCommerce 页面(迷你购物车)不生效
- TranslatePress:2.0 版本后 ACF 动态标签在 API 端点无法渲染
- 取消包装:删除被取消包装的元素
- 视频元素:无法使用 @fallback 视频 URL
- WooCommerce 10.1.0:购物车模板过时
- WooCommerce:产品图库滑块功能损坏
- 类设置:选择具有相同类的其他元素时样式被重置
- 表单:文件上传无法移除或重新添加相同文件
- 组件:HTML 属性值未填充实例值
- 自定义字体:若名称与 Google 字体相同,则会在构建器中同时加载两者
- 完全访问权限:无法编辑 WooCommerce 商店页面
- 图片:自定义宽度/高度属性未在前端渲染
- 取消嵌套组件链接会破坏内部组件的结构
资源下载
安装 & 使用提示
- Bricks 主题使用帮助:https://academy.bricksbuilder.io/
- 输入许可证:zhanzhangb 进行激活(如未激活)。
- 可在 Bricks 编辑器中直接导入预制模板。
- 推荐搭配:BricksExtras – Bricks的元素库插件
- 不支持在线升级版本,可上传新版安装包升级安装。