Bricks 侧边栏怎么调用？内置小工具法 + 模板法实战教程

现象：Bricks 里想要个可调的侧边栏

文章页、产品页想在右侧挂个侧边栏，放分类导航、最新文章、询盘表单之类的内容。Bricks 自带侧边栏功能，但实测下来这套内置流程有坑，本文先把两种做法都讲清楚。

根因：内置侧边栏走的是小工具（古腾堡），定制受限

Bricks 主题菜单里能“创建侧边栏”，但建完之后要去 外观 → 小工具 用古腾堡编辑器填内容，编辑自由度很低；而且社区里反馈，这套“侧边栏元素调用小工具”在部分 Bricks 版本有 bug——选好侧边栏后报“选定的侧边栏没有互动的小部件”。官方路线图上也更倾向把侧边栏做成一种模板类型。所以实战里更推荐用“模板法”。

方法一：内置侧边栏（主题菜单 + 小工具 + 侧边栏元素）

1. 进 Bricks 主题菜单下的 侧边栏，输入标题点“创建新的侧边栏”，右侧“注册侧栏”列表里就会出现它（这里相当于建个入口）。
2. 进网站 外观 → 小工具，找到刚建的 Bricks 侧边栏，点 + 用古腾堡加内容，更新保存。
3. 进任意页面/模板的编辑视图，点 + 搜“侧边栏“元素，拖到想放的位置；选中该元素，在设置项里选你做好的侧边栏。

注意：第 3 步在部分 Bricks 版本会报“选定的侧边栏没有互动的小部件”，这是已知问题。不纠结就直接走方法二。

方法二：模板法（Section 模板 + Template 元素，更推荐）

1. Bricks → Templates → 新建模板，类型选 Section（局部模板）。
2. 在里面用 Bricks 编辑器自由排版（分类列表、表单、最新文章都能放，不受古腾堡限制）。
3. 保存发布。
4. 在目标页面/模板里加 Template 元素，选这个 Section 模板即可；也可以用 Bricks 的模板短码在别处调用（具体短码写法按官方文档补全）。

好处：整个站只维护一份侧边栏内容，改一次全站生效，而且能用 Bricks 全套样式去排，定制程度远高于小工具。

常见误区与取舍

• 内置法有已知 bug 是常态：选好侧边栏报「没有互动的小部件」，是部分 Bricks 版本的已知问题，不是你操作错——遇到直接换模板法。
• 模板法别做成整站页眉/页脚：Section 模板是「插入用」的局部模板，侧边栏这种「多个页面复用同一块」的需求正合适；但它不等于 Header / Footer 模板，别混用条件逻辑。
• 移动端别忘折叠：侧边栏在手机上通常会挤占正文空间，配合断点把侧边栏移到正文下方或做成可折叠，体验差别很大。
• 模板短码可复用：Section 模板还能用短码在别处调用（具体写法按官方文档补全），一处维护、多处插入。

小结

能跑通就用内置法，但更稳更灵活的是 Section 模板 + Template 元素。侧边栏本质就是“一处定义、多处调用”，模板法把这点做到位，还绕开了内置流程的 bug。

卡在侧边栏 bug 上？联系 Ray Chan，帮你用模板法绕过去。

常见问题（FAQ）

Q：内置侧边栏报「没有互动的小部件」？ A：这是部分 Bricks 版本的已知问题，不是你操作错了。不纠结就直接用模板法（Section 模板 + Template 元素），更稳更灵活。

Q：两种方法有什么区别？ A：内置法走古腾堡小工具，定制受限且可能有 bug；模板法用 Bricks 编辑器自由排版，改一次全站生效。

Q：侧边栏内容能复用吗？ A：能。模板法就是「一处定义、多处调用」，维护一份侧边栏，全站同步。

Q：手机端侧边栏怎么处理？ A：配合断点把侧边栏移到正文下方或做成可折叠，避免挤占正文空间。

Q：模板法只能放侧边栏吗？ A：Section 模板是通用局部模板，侧边栏、CTA 区块、任何「多处复用」的内容都适合。

• 相关阅读：Bricks Setup Guide 延伸阅读

• 想要现成外贸独立站模板与建站实战？看 铲子铺 chanzipu 的外贸建站教程（同用 Bricks，从零搭出能收询盘的站）

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

获取报价 →浏览全部教程