页脚是每页都该出现的信息区(版权、导航、联系方式)。用 Bricks 模板做一次 Footer,全站自动套。本文讲制作流程。
为什么用模板做页脚
手工每页加页脚,改一次要改全部。做成 Footer 模板后,所有页面/文章统一调用,维护一处即可。
制作步骤
- 后台 Bricks → Templates → 新建,类型选 Footer。
- 进编辑器,加一个 Section/Container 当页脚容器,按需要分列(如「关于 / 导航 / 联系」三栏)。
- 往各列放文本、菜单、社交图标、版权声明。
- 设好条件(通常「整个站点」全显示),保存。
调用与对齐
Footer 模板会自动插入到内容下方。注意和 Header、主内容在宽度、间距上保持一致,整站才协调。
响应式
手机上多栏页脚常改为单列堆叠。切到手机视口,把容器方向改成纵向、收窄间距即可。
小结
页脚模板是「一次设计、全站复用」的典型:新建 Footer 模板 → 分栏填内容 → 条件全站 → 手机单列。维护成本几乎为零。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks 模板功能详解——页眉、页脚、文章详情一次做好全站复用
教程:每个页面重复做页眉页脚太蠢。用 Bricks 模板功能做一次、全站套用,配合条件设置精确控制显示位置。
tutorialBricks 页眉页脚制作教程:全站通用的 Header / Footer 怎么搭
Bricks 页眉页脚制作教程:全站通用的 Header / Footer 怎么搭——页眉页脚 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 产品列表模板怎么建?(自定义内容类型 CPT)
教程:用 Bricks Template 给自定义内容类型(如 Products)建列表模板,Query Loop 继承主查询,分类、分页一次搞定。
tutorial用 Bricks 做网站页眉与页脚:模板、固定页眉与全站应用
手把手用 Bricks 的 Header / Footer 模板自由设计页眉页脚,涵盖 Logo、导航菜单、响应式分端调整、Sticky 固定页眉,以及 PC/手机用不同 Logo 的技巧。
