▸ Enjoy exclusive VIP discounts
▸ 24-hour response service
下载版本
- Bricks Theme v2.0.1
- Bricks Child
Bricks Builder 介绍
产品简介
定位与形态:Bricks 是一个“主题 + 可视化构建器”的方案(安装为主题,并可使用子主题),在一个界面内完成页面与站点部件的设计与管理。
主要能力:
- 全站模板:页眉/页脚、归档、单篇、搜索、404、WooCommerce 全流程模板等,均可通过可视化方式创建与分配。
- 动态数据:原生支持 ACF、Meta Box、JetEngine、Toolset、Pods 等字段/关系调用,并提供 {echo:} 动态标签以运行自定义函数,满足复杂逻辑与数据转换。
- 构建效率与可维护性:提供全局样式(Theme Styles)、全局类管理器与 全局 CSS 变量管理器,支持建立一致的设计系统与复用。
- 交互与弹窗:内置 Interactions 事件-动作系统与 Popup Builder,可实现打开弹窗、切换类名/属性、加载更多等行为,无需额外脚本。
- 性能与 SEO:强调干净、语义化、可访问的输出与轻量资源加载,为性能评分与搜索可见性打基础。
主要功能亮点
- WooCommerce 构建器:可视化定制产品、归档、购物车、结账、感谢页与“我的账户”等电商页面。
- Query Loop / Repeater:用可视化循环构建文章列表、产品网格、任意 CPT 聚合页面。
- 条件渲染(服务器端):针对用户、时间、元数据等多条件判定,条件不满足则不输出对应 HTML,有助于性能与隐私。
- 布局与样式:原生 CSS Grid 与 Flexbox 控制、容器化结构、全局类与变量,快速实现响应式布局与设计系统。
- 动态数据深度扩展:除常见字段外,可用 {echo:} 标签调用白名单函数,处理复杂数据、比对或格式化输出。
- 交互/弹窗链路:通过 Interactions 定义触发与动作,配合 Popup 实现引导、订阅、促销等转化组件。
- 性能与可访问性导向:官方强调干净的语义化标记与高性能输出,为核心体验与 SEO 提供技术基础。
适用人群与使用场景
- 需要可视化但追求可维护性的团队/个人:希望在不牺牲性能的前提下完成复杂页面与全站模板。
- 电商与内容型站点:需要对产品、购物流程与内容聚合页进行深度定制。
- 有自定义数据结构的项目:依赖 ACF/Meta Box/JetEngine 等自定义字段、关系与查询的站点。
- 强调设计系统的团队:通过全局类与变量管理统一样式与组件,适合多人协作与长期演进。
同类主题对比
对比对象:Elementor Pro、Oxygen Builder、GeneratePress + GenerateBlocks(区块流方案)
说明:表中“Woo 模板构建器”指 可视化 定制产品/归档/购物车/结账/账户等完整模板的能力。
核心功能项 | Bricks | Elementor Pro | Oxygen | GeneratePress + GenerateBlocks |
---|---|---|---|---|
全站可视化模板(Theme Builder) | ✅ | ✅ | ✅ | ✅(以 Elements/区块模板实现) |
自定义字段/动态数据(ACF/Meta Box/JetEngine 等) | ✅ | ✅ | ✅ | ✅(GP/GB 动态数据) |
Query Loop / Repeater 构建 | ✅ | ✅(Loop Builder) | ✅(Repeater/Easy Posts) | ✅(GB Query Loop) |
WooCommerce 可视化模板构建 | ✅ | ✅ | ✅ | ❌(主要为样式与区块,非完整可视化模板) |
CSS Grid 与 Flex 布局控制 | ✅ | ✅(Grid Container + Flex) | ✅ | ✅ |
条件显示/渲染 | ✅(服务器端不输出) | ✅(显示条件/模板条件) | ✅ | ✅(Elements Display Rules) |
交互/弹窗(内置) | ✅(Interactions + Popup Builder) | ✅(Popup Builder) | ❌(依赖第三方/自写) | ❌(依赖第三方/自写) |
- Bricks 独有优势点(同类中相对突出):服务器端条件渲染(不满足条件则不输出 HTML)、内置 Interactions + Popup Builder、全局类与全局变量管理器、{echo:} 动态标签扩展复杂逻辑。
- Elementor 特有/优势:插件生态庞大、Loop Builder 与 Theme Builder 成熟、官方 Popup Builder。
- Oxygen 特性:面向开发者的可控性强、早期内置 Repeater/Easy Posts、支持 CSS Grid。
- GeneratePress + GenerateBlocks:轻量且与区块编辑器原生融合,靠 Elements/Display Rules/GB Query Loop 构建模板与列表;Woo 更多为样式与区块范畴。
用户反馈亮点
- 速度与标记质量:多方评测/评论称 Bricks 以“干净标记 + 现代 CSS”获得优秀的速度与评分基础。
- 对开发者友好:动态数据、类/变量与可扩展 API 让二次开发与复杂项目更灵活。
与其他插件/主题搭配建议
- 自定义字段/关系:与 ACF / Meta Box / JetEngine 深度集成,适合做目录、案例库、课程库等结构化内容。
- 电商:与 WooCommerce 配合,用 Bricks 直接定制产品页、归档、购物流程与账户页。
- 多语言:官方文档示例与社区实践均表明可与 WPML、Polylang 协作。
- 表单:可用内置 Form 元素(含验证码/防滥用支持),或接入第三方表单插件。
- 性能/SEO:在 Bricks 中保持精简组件、恰当使用条件渲染与外部缓存插件,进一步巩固性能与核心指标。
常见问题 (FAQ)
Bricks 是什么?它是主题还是页面构建器?
Bricks 是一个 WordPress 主题,内置可视化站点构建器(前端所见即所得编辑),用于搭建整站的页面、模板与组件。安装方式与普通主题一致。
能否完整自定义 WooCommerce(商品、购物车、结账、账户等)?
可以。Bricks 提供 WooCommerce Builder,可为商店、产品、购物车、结账、我的账户等页面创建与分配模板,细化到产品卡片、价格、变体等元素。
支持动态数据与自定义字段吗(ACF / Meta Box / JetEngine 等)?
支持。Bricks 原生支持动态数据,直接调用 ACF、Meta Box、JetEngine 字段;也可通过 {echo:}
标签调用自定义函数输出数据(需在设置里开启/白名单代码执行)。
列表/文章网格如何实现?有查询循环吗?
有。Query Loop 可查询文章、分类术语、用户等并渲染为列表或网格;也支持 Query Loop Editor 编写更复杂的循环(含 PHP 过滤/排序等)。
网格布局与可视化排版如何做?支持 CSS Grid 吗?
支持。Bricks 既支持 Flexbox,也支持 CSS Grid;并提供 Visual Grid Builder 可视化设计行列、跨行跨列与断点布局,网格项可结合 Query Loop。
有交互与动画吗?支持弹窗吗?
有。Interactions 让你通过“事件→动作”配置滚动进入视口、悬停、点击等交互与动画;Bricks 还内置 弹窗构建器(Popup Builder),可在模板中创建弹窗并通过交互或条件触发。
可以与 Gutenberg(区块编辑器)或其他编辑器共存吗?
可以。用 WordPress 内容 元素可在 Bricks 模板中渲染已有的 WP/Gutenberg 内容;同时提供 Gutenberg ↔ Bricks 的内容转换指引,便于迁移与协同。建议不要在同一页面混用两个可视化编辑器进行编辑。
响应式与断点怎么控制?能自定义断点吗?
Bricks 支持 断点预览与编辑,并可在设置中启用 自定义断点(增删改、设置为基准断点、按需暂停生成样式),便于适配不同设备。
性能与前端质量如何?会加载 jQuery 吗?
Bricks 注重 性能与干净标记,提供 资源加载(CSS/JS)优化 方案与性能实践;前端默认不加载 jQuery(若第三方插件需要可自行按需启用)。
有模板库吗?能否跨站复用?
有。编辑器内置 Template Library(含“我的模板”与社区模板),并支持 Remote Templates 跨站浏览与一键插入,适合团队复用。
多语言与翻译?
Bricks 已 翻译就绪,与 WPML、Polylang 等主流多语言插件兼容,可用于多语言站构建。
无障碍(Accessibility / a11y)支持如何?
官方提供 可访问性指南 与控件说明,帮助实现键盘可达、语义化与对比度等 a11y 最佳实践。
内置表单能做什么?能反垃圾吗?
Form 元素 支持多种字段、AJAX 提交、邮件通知、重定向、用户注册/登录、对接 SendGrid/Mailchimp、保存提交到数据库,并集成 reCAPTCHA v3、hCaptcha、Cloudflare Turnstile 等反垃圾方案。
支持开发者扩展吗(自定义元素、钩子/过滤器、代码执行)?
支持。可基于 子主题 编写 PHP 扩展、创建自定义元素,并通过丰富的 Hooks/Filters 定制;代码执行可在设置中按角色开启并签名校验。
与第三方筛选/列表增强兼容吗(JetSmartFilters / WP Grid Builder 等)?
兼容。Bricks 提供 Query Loop 针对 JetSmartFilters 的集成指导,WP Grid Builder 也提供 Bricks 插件/扩展以实现前端过滤与网格布局。
系统与环境要求?
建议使用现代主机环境;官方最低要求为 PHP 7.4+、MySQL 5.6+,WordPress 内存至少 64MB,单次上传建议 16MB+,编辑请使用最新版现代浏览器。