Bricks 建站实操教程——查询循环、动态数据、ACF、WooCommerce、性能优化，每篇都实测过、带可复制代码。
浏览 78 篇 →Bricks 与其他构建器（Elementor / Divi / Breakdance / Oxygen）及自定义字段插件的横向对比，帮你按场景选型。
浏览 4 篇 →从 Elementor、Divi、Oxygen 迁移到 Bricks，以及 Bricks → Astro 无头架构的完整迁移路线与避坑指南。
浏览 3 篇 →Bricks 生态动态——版本更新、新特性、社区重要变化，保持你的技术栈不落后。
浏览 0 篇 →Bricks 小技巧合集——Tabs 轮播、手风琴动画、内容切换器、条件输出等即拿即用的代码片段。
浏览 24 篇 →站长手记——个人站、独立站运营、圈子与变现。不止讲技术，更讲怎么用技术赚到钱。
浏览 2 篇 →教程
78 篇把任意自定义 WP_Query 循环接入 Bricks 查询循环
有时候我们需要用 Brickshttps://brickslabs.com/go/bricks 的查询循环功能做自定义文章循环，但又想用自己的 WP_Query 代码来获得更多灵活性。
Bricks 让元素输出 N 次（N = 自定义字段值）：Array 查询类型实战
Bricks 2.2 新增 Array 查询类型，配合 {echo:} 函数把元素按自定义字段的数值重复输出 N 次。付费原文锁定，官方钩子补全实现。
Bricks 编辑器界面微调合集（自定义 CSS）
本文是 Bricks 编辑器的一些可用微调合集，让日常建站更顺手。「更好」当然因人而异，不是每一条都适合所有人。
Bricks 建站从零到上线：完整实战指南（适配 Bricks 2.4）
从安装、基础设置到模板体系搭建的完整 Bricks 建站流程。每步都讲清楚为什么这么配、配完怎么验证，并标注 2.x 版本下的过时项——照着做，半天搭出可上线的站。
Oxygen 用户迁移 Bricks 生存指南
这里整理了一些给从 Oxygen 切换到（或考虑切换到）Bricks Builder 的用户的小贴士和常见问题解答。
Bricks 条件输出教程（Conditions in Bricks Builder）
当时版本的 Brickshttps://brickslabs.com/go/bricks 还没有内置的条件（Conditions）功能——但这不代表不能用自定义代码手动实现。
对比
4 篇ACF vs Meta Box：Bricks 自定义字段插件怎么选？
ACF 和 Meta Box 都能配合 Bricks 使用。本文从集成深度、动态标签、价格模式和大数据量性能四个维度对比，并按场景给出选择建议。
Bricks vs Breakdance 2026：性能优先派的巅峰对决
Bricks 还是 Breakdance？本文对比 2026 年两个干净代码构建器的性能基准、价格模式、动态数据能力、WooCommerce 建站和工作流差异，给出选型建议。
Bricks vs Divi 2026：性能与控制力的对决
Bricks 还是 Divi？本文对比 2026 年两者的性能、价格、代码质量、动态数据、WooCommerce 能力和工作流，给出诚实的选型结论。
Bricks vs Elementor 2026：正面对决基准测试
Bricks 还是 Elementor？本文对比 2026 年两者的性能基准、价格、动态数据、交互、条件逻辑和 WooCommerce 能力，给出适合你的结论。
迁移
3 篇技巧
24 篇Bricks 内容切换器：纯 CSS 方案（radio + :has 实现标签切换）
本教程教你用 100% 纯 CSS 在 Bricks 里实现内容切换器（content switcher）——在多个内容区块间切换显示，典型场景如价格表（pricing tables）切换、功能特性切换，不需要任何 JS…
Bricks Tabs 自动轮播：滚动到可视区后自动切换标签页
给 Tabs (Nestable) 元素加自动轮播：元素进入视口后每隔 3 秒自动切到下一个标签页，离开视口自动暂停。基于 IntersectionObserver 与 setInterval，纯前端实现，免费教程完整代码。
手风琴展开项自动滚动到可视区（解决内容跳动问题）
长内容手风琴切换时页面高度突变、内容乱跳？先判断手风琴是否选错了组件，确需使用时用 20 行 JS 在展开完成后自动滚动到新展开的条目，免费教程完整代码。
Bricks Accordion (Nestable) 图标旋转：展开/收起状态箭头切换
Bricks 的 Accordion (Nestable) 元素展开前后图标完全一样，没有状态反馈。用两行 CSS 让箭头在展开时旋转 90 度，收起时转回，带平滑过渡动画。免费教程完整代码。
Bricks 分类与子分类 Query Loop Tabs：父分类做标签、子分类做内容
用 Bricks Tabs（Nestable）把顶级父分类做成标签页标题、对应子分类列表做成标签内容。付费原文锁定，给出官方钩子补全实现。
在 Bricks Builder 中制作可自定义的 AJAX 加购按钮
在 Brickshttps://brickslabs.com/go/bricks 中，你可以用动态数据/函数 {woo_add_to_cart} 直接创建一个加购按钮。只要在 WooCommerce > Settings…