🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →

首页 / 中文教程 / 教程

Bricks 制作页脚 Footer 模板

教程:用 Bricks 模板做一次 Footer,全站自动套用,版权导航联系一次设计维护零成本。

Ray ChanRay Chan·2026-08-20·约 1 分钟
目录
  1. 1.为什么用模板做页脚
  2. 2.制作步骤
  3. 3.调用与对齐
  4. 4.响应式
  5. 5.小结

页脚是每页都该出现的信息区(版权、导航、联系方式)。用 Bricks 模板做一次 Footer,全站自动套。本文讲制作流程。

为什么用模板做页脚

手工每页加页脚,改一次要改全部。做成 Footer 模板后,所有页面/文章统一调用,维护一处即可。

制作步骤

  1. 后台 Bricks → Templates → 新建,类型选 Footer
  2. 进编辑器,加一个 Section/Container 当页脚容器,按需要分列(如「关于 / 导航 / 联系」三栏)。
  3. 往各列放文本、菜单、社交图标、版权声明。
  4. 设好条件(通常「整个站点」全显示),保存。

调用与对齐

Footer 模板会自动插入到内容下方。注意和 Header、主内容在宽度、间距上保持一致,整站才协调。

响应式

手机上多栏页脚常改为单列堆叠。切到手机视口,把容器方向改成纵向、收窄间距即可。

小结

页脚模板是「一次设计、全站复用」的典型:新建 Footer 模板 → 分栏填内容 → 条件全站 → 手机单列。维护成本几乎为零。


内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。

Ray Chan

站长

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.

延伸阅读