~/brickswiki $ grep -r "tabs" ./guides/
「tabs」
共 4 篇相关教程
tips
Bricks Tabs 自动轮播:滚动到可视区后自动切换标签页
给 Tabs (Nestable) 元素加自动轮播:元素进入视口后每隔 3 秒自动切到下一个标签页,离开视口自动暂停。基于 IntersectionObserver 与 setInterval,纯前端实现,免费教程完整代码。
tips
Bricks 分类与子分类 Query Loop Tabs:父分类做标签、子分类做内容
用 Bricks Tabs(Nestable)把顶级父分类做成标签页标题、对应子分类列表做成标签内容。付费原文锁定,给出官方钩子补全实现。
tutorial
通过 URL 参数 ?tab=xxx 直达 Bricks Tabs 指定标签页(补全实现)
分享链接想让访客直接打开第 2 个标签页?给 URL 加 ?tab=title-2 参数,页面加载时脚本按参数自动切换到对应标签。付费教程,本文给骨架并用官方 DOM 结构补全实现。
tips
零代码:ACF Repeater 子字段值做成 Bricks Tabs 标签页
Bricks 的查询循环原生支持 ACF Repeater 和 Meta Box Group,配合可嵌套的 Tabs 元素,可以把 Repeater 的每一行变成标签页——标签标题取一个子字段、内容取另一个子字段,全程不用写一行代码。