页眉是每页顶部的品牌区(Logo、导航、CTA)。用 Bricks 模板做一次 Header,全站统一。本文讲制作与导航处理。
为什么用模板做页眉
页眉几乎每页都要。做成 Header 模板后,全站自动调用,改 Logo、加菜单只动一处。
制作步骤
- 后台 Bricks → Templates → 新建,类型选 Header。
- 进编辑器,加 Container 横排:左侧放 Logo(图片元素),右侧放导航菜单(Nav 元素或菜单模块)。
- 在导航里选 WordPress 菜单,或用 Bricks 菜单元素手动搭。
- 设条件为全站显示,保存。
粘性导航与样式
- 可设 Header 为「粘性(sticky)」,滚动时固定在顶部。
- 用悬停态美化菜单项,用 Theme Style 统一配色。
响应式
桌面横排导航,手机常收成汉堡菜单。Bricks 的导航元素一般自带响应式折叠,记得切手机视口检查汉堡展开是否正常。
小结
页眉模板是站点门面:新建 Header 模板 → Logo+导航横排 → 粘性/悬停美化 → 手机汉堡。做好它,全站顶部就稳了。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks 模板功能详解——页眉、页脚、文章详情一次做好全站复用
教程:每个页面重复做页眉页脚太蠢。用 Bricks 模板功能做一次、全站套用,配合条件设置精确控制显示位置。
tutorialBricks 页眉页脚制作教程:全站通用的 Header / Footer 怎么搭
Bricks 页眉页脚制作教程:全站通用的 Header / Footer 怎么搭——页眉页脚 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 菜单构建器与 Mega Menu 指南——Nav (Nestable) 全解
教程:Bricks 1.8+ 菜单构建器五件套(Nav nestable / Text link / Dropdown / Toggle / Offcanvas)的完整用法。桌面菜单、移动端菜单、一键 Mega Menu、多级下拉、WordPress 菜单混用,一篇讲清。
tutorialBricks 产品列表模板怎么建?(自定义内容类型 CPT)
教程:用 Bricks Template 给自定义内容类型(如 Products)建列表模板,Query Loop 继承主查询,分类、分页一次搞定。
