~/brickswiki $ grep -r "Bricks" ./guides/
「Bricks」
共 9 篇相关教程
tutorial
Bricks Tabs 自动轮播：滚动到可视区自动切换标签页
教程：给 Bricks 的 Tabs（Nestable）元素加自动轮播——滚动到可视区域后每 x 秒自动切换标签页，适合首页产品/方案展示。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 判断 ACF Repeater 是否有数据行：条件输出进阶
教程：在 Bricks 里用自定义函数判断 ACF Repeater 字段是否有数据行，从而条件显示元素。解决基础类型条件判断搞不定的数组型字段。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 给区块加草稿状态开关：编辑器里隐藏未定稿区块
教程：用代码片段给 Bricks 所有元素加一个“草稿状态”勾选框，勾选后前端不输出。适合临时隐藏未定稿区块（Bricks 2.0 已原生内置，本文作历史方案参考）。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 嵌套滑块做网格轮播：用 SplideJS 扩展实现多行多列
教程：在 Bricks 默认嵌套滑块(nested slider)里做出多行多列的网格轮播效果，用 SplideJS 的 grid 扩展实现，适合产品墙/案例墙展示。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 用 IsotopeJS 做筛选（一）：入队库与基础初始化
教程：IsotopeJS 筛选系列第一篇——在 Bricks 里用 WordPress 原生入队 IsotopeJS（Bricks 内置库），配好 CSS 变量响应式列数与初始化脚本。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 用 IsotopeJS 做筛选（二）：自定义分类法管理图片分类
教程：IsotopeJS 筛选系列第二篇——用 WordPress 自定义分类法（taxonomy）给图片打分类标签，配合函数取当前文章分类，让筛选完全动态化。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 嵌套滑块进度条：给轮播加播放进度指示
教程：给 Bricks 的嵌套滑块(nested slider)加一个播放进度条，随自动播放前进，用户一眼看出轮播位置。基于 SplideJS 扩展实现。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 桌面导航溢出自动折叠：菜单太多时的 More 按钮方案
教程：当桌面导航菜单项太多溢出时，用一段 JS 自动把溢出的项折叠进“More”下拉，避免写一堆媒体查询。外贸站导航项多的必备方案。
Ray Chan·2026 / 08 / 18·约 3 分读tutorial
Bricks 整页滚动（FullPage.js）：把一页切成全屏区块
教程：在 Bricks 里集成 FullPage.js 做整页滚动——每个 section 占满一屏，滚轮逐屏切换，适合极简产品页/演示页。含入队代码、CSS 与初始化 JS。
Ray Chan·2026 / 08 / 18·约 3 分读