教程分类
Bricks 建站实操教程——查询循环、动态数据、ACF、WooCommerce、性能优化,每篇都实测过、带可复制代码。
浏览 216 篇 →Bricks 与其他构建器(Elementor / Divi / Breakdance / Oxygen)及自定义字段插件的横向对比,帮你按场景选型。
浏览 5 篇 →从 Elementor、Divi、Oxygen 迁移到 Bricks,以及 Bricks → Astro 无头架构的完整迁移路线与避坑指南。
浏览 3 篇 →Bricks 生态动态——版本更新、新特性、社区重要变化,保持你的技术栈不落后。
浏览 0 篇 →Bricks 小技巧合集——Tabs 轮播、手风琴动画、内容切换器、条件输出等即拿即用的代码片段。
浏览 24 篇 →站长手记——个人站、独立站运营、圈子与变现。不止讲技术,更讲怎么用技术赚到钱。
浏览 2 篇 →教程
216 篇Bricks Query Loop 教程:在单篇文章中标记并高亮当前文章怎么做
Bricks Query Loop 教程:在单篇文章/CPT 单页的导航列表里,如何用自定义函数与 data attribute 标记并高亮当前文章,含 functions.php 白名单与 CSS 样式示例。
Ray Chan·2026 / 08 / 21·约 3 分读如何利用 Meta Box Radio 子字段值筛选 Bricks 文章 Query Loop(教程)
本 Bricks 教程讲解如何按 Meta Box 组的 Radio 类型子字段值筛选文章 Query Loop。通过 PHP query 与序列化字符串匹配,实现按 session 类型(Individual/Duet/Trio)过滤 store 自定义文章类型,适合 WP 与外贸建站开发者。
Ray Chan·2026 / 08 / 21·约 4 分读WordPress 区块开发怎么做:跟着官方教程构建第一个 block 的踩坑笔记(Bricks 教程)
本文记录跟着官方教程做 WordPress 区块开发、构建第一个 block 的完整过程:从 npx 脚手架报错、blocks-manifest 致命错误修复,到动态与静态区块实现,适合 WordPress 与 Bricks 开发者参考。
Ray Chan·2026 / 08 / 21·约 3 分读同步缩略图滑块怎么做:在 Bricks 中用 BricksExtras 实现(图文教程)
本教程手把手教你用 BricksExtras 在 Bricks 中制作同步缩略图滑块:主图滑块与底部缩略图联动,数据来自 ACF/Meta Box 图集字段,含详细配置步骤与代码片段。
Ray Chan·2026 / 08 / 21·约 3 分读Bricks 制作 404 页面模板
教程:用 Bricks 专门做 404 模板,让死链访客看到友好兜底页,带搜索和返回入口挽回跳出。
Ray Chan·2026 / 08 / 20·约 3 分读如何在 Bricks Builder 中使用 ACF(Advanced Custom Fields)
教程:ACF 负责存结构化数据,Bricks 负责用动态数据把它漂亮地展示出来。讲清怎样在 Bricks 里调用 ACF 字段。
Ray Chan·2026 / 08 / 20·约 3 分读对比
5 篇Bricks 增强插件怎么选:9 款主流扩展横评
梳理 Bricks 生态里 9 款主流增强插件(功能型 + 优化型),从价格、特色、推荐指数做横向对比,并给出第三方插件的取舍原则。
Ray Chan·2026 / 08 / 19·约 3 分读ACF vs Meta Box:Bricks 自定义字段插件怎么选?
对比评测:ACF vs Meta Box:Bricks 自定义字段插件怎么选?——acf 横向实测帮你选型,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks vs Breakdance 2026:性能优先派的巅峰对决
对比评测:Bricks vs Breakdance 2026:性能优先派的巅峰对决——breakdance 横向实测帮你选型,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks vs Divi 2026:性能与控制力的对决
对比评测:Bricks vs Divi 2026:性能与控制力的对决——divi 横向实测帮你选型,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks vs Elementor 2026:正面对决基准测试
对比评测:Bricks vs Elementor 2026:正面对决基准测试——elementor 横向实测帮你选型,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读迁移
3 篇如何把 Bricks 内容批量迁移到 Astro
迁移指南:如何把 Bricks 内容批量迁移到 Astro——astro 老站平滑迁移不丢数据,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读从 Bricks 迁移到 Astro:完整路线图
迁移指南:从 Bricks 迁移到 Astro:完整路线图——astro 老站平滑迁移不丢数据,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读从 Elementor/Divi 迁移到 Bricks:完整分步指南
迁移指南:从 Elementor/Divi 迁移到 Bricks:完整分步指南——migration 老站平滑迁移不丢数据,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读技巧
24 篇Bricks 内容切换器:纯 CSS 方案(radio + :has 实现标签切换)
实战技巧:Bricks 内容切换器:纯 CSS 方案(radio + :has 实现标签切换)——css 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks Tabs 自动轮播:滚动到可视区后自动切换标签页
实战技巧:Bricks Tabs 自动轮播:滚动到可视区后自动切换标签页——tabs 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读手风琴展开项自动滚动到可视区(解决内容跳动问题)
实战技巧:手风琴展开项自动滚动到可视区(解决内容跳动问题)——accordion 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks Accordion (Nestable) 图标旋转:展开/收起状态箭头切换
实战技巧:Bricks Accordion (Nestable) 图标旋转:展开/收起状态箭头切换——accordion 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 分类与子分类 Query Loop Tabs:父分类做标签、子分类做内容
实战技巧:Bricks 分类与子分类 Query Loop Tabs:父分类做标签、子分类做内容——query loop 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读在 Bricks Builder 中制作可自定义的 AJAX 加购按钮
实战技巧:在 Bricks Builder 中制作可自定义的 AJAX 加购按钮——Bricks 实操步骤+踩坑提醒,适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读