设计页眉和页脚

约 13 分钟

概述

页眉是网站最顶部的导航区域，访客用它来了解品牌、切换页面或点击主要操作。页脚是网站最底部的资讯区域，通常放置联系方式、社交链接、法律条款和补充导航。

这两个模块通常设置为全站共享，即修改一处后，使用相同页眉或页脚的页面会一并更新。这能让 Logo、导航和联系资讯保持一致。

在哪里设置？

在编辑器顶部打开“版式布局”。页眉会在列表最上方，页脚在最下方；点击“编辑”即可打开各自的设置表单。您也可以直接在编辑器预览中点击页眉或页脚来打开表单。

如果当前页面没有页眉或页脚，“版式布局”会提供添加入口。添加后，建议先确认是否应设为全站共享，再开始填写内容。

设计页眉

1. 设置品牌标识（Logo）

页眉可使用图片 Logo 或图标 Logo。Logo 是网站最常被看到的品牌识别，请选择边缘清晰、缩小后仍能识别的版本。

图片 Logo 请使用干净的背景和足够的对比度。若 Logo 文字很细或颜色太淡，请在电脑和手机预览中确认是否清晰。

2. 创建导航项目

导航项目是页眉中的链接。它们不会自动根据页面列表生成；请在页眉表单中逐一添加、命名和排序，这样您就能决定访客最先看到哪些选项。

每个项目可指向：

网站内的某个页面，例如“服务”或“联系我们”。
同一页的指定位置，例如“方案”或“常见问题”。
外部网址，例如您的预约系统、商店、社交媒体或合作平台。

外部链接可选择在新标签页打开。建议将外部链接在新标签页打开，这样访客不会因此离开正在浏览的网站页面。

3. 添加主要按钮

页眉可放置一个主要按钮，例如“立即预约”、“免费咨询”或“开始购买”。这是 CTA（行动号召），也就是您最希望访客采取的下一步。

先在“设置”→“内容”创建自定义按钮，再回到页眉选用它。全站使用同一个自定义按钮时，日后只需更改一次网址或文字，就能减少不一致。

4. 整理导航顺序

将最重要的项目放在前面。一般网站可用“首页、服务、案例、关于我们、联系”这类顺序；如果您主要目标是预约，让按钮文字清晰且保持固定位置。

设计页脚

页脚适合放置不需要占据首页前端，但访客仍可能需要的资讯。它可以显示品牌 Logo、网站名称、品牌简介、社交链接、联系资讯、自定义导航和法律条款。

1. 决定显示哪些品牌资讯

您可以选择是否显示 Logo、网站名称和社交链接。社交链接的网址需先在“设置”→“内容”中填好；页脚只负责决定是否显示。

2. 添加简介和自定义导航

页脚简介适合用一两句话再次说明品牌。自定义导航可链接至重要但不必放在页眉的页面，例如常见问题、退款政策、合作方式或人才招聘。

3. 显示联系资讯

页脚可选择显示地址、电话、Email 和营业时间。这些资料来自“设置”→“内容”，请先确认电话包含正确的国家代码、Email 没有拼写错误，且营业时间能被访客理解。

4. 添加法律条款链接

页脚可选择显示条款、隐私相关页面和 Cookie 设置入口。法律条款的内容和是否公开，请在“页面”→“法律条款页面”管理。

5. 填写版权文字

全站共享与不同页面

页眉和页脚默认适合全站共享。当您启用“全站共享”时，修改会影响使用此模块的所有页面。这适合网站主要导航、共享联系方式和法律链接。

若某一页需要完全不同的导航，例如独立活动页面，可在表单中关闭“全站共享”。系统会要求确认，并将其他页面使用的内容转换为各自的副本。此做法适合例外情况；过多的不同页眉会让访客迷失方向，也会增加日后维护成本。

隐藏页眉或页脚

在“版式布局”中使用眼睛图标可暂时隐藏页眉或页脚。隐藏前请确认访客不会因此失去主要导航、联系方式或法律链接。需要恢复时再重新启用显示即可。

小贴士

页眉保留 4 到 6 个清晰的导航项目；过多的选项会让访客不知道该点击哪里。
页眉主要按钮只放置一个行动，例如“预约”或“联系”，不要同时放置多个竞争目标。
页脚联系方式要与大众点评、社交媒体和名片上的资料一致。
发布前，逐页检查导航链接是否指向正确页面，以及外部链接是否在新标签页打开。

常见问题

不会。请在页眉的导航项目中手动添加和排序。这让您可以排除不想放在主要导航的页面，也能添加外部链接。

可以。在"版式布局"中使用眼睛图标切换显示状态。不过，隐藏后请确认访客仍能找到重要页面、联系方式和法律资讯。

在页眉表单中的导航项目列表拖动排序。页面管理中的页面顺序与页眉导航是分开管理的，两者都要检查。

可以。先在"设置"→"内容"创建或编辑自定义按钮，设置文字和网址，再在页眉选择该按钮。

页脚可选择显示系统提供的法律条款页面和 Cookie 设置入口。请先到"页面"→"法律条款页面"检查内容和可见性。