使用页眉和主题选项来打造站点品牌

可通过设计页眉、创建主题或添加页脚自定义站点。 页眉和页脚对于完成站点的布局非常重要。 在页眉中，您可以通过添加品牌和创建菜单来介绍站点，以帮助访问者查找内容、页面和外部网站。 页脚指示站点的结束，并为诸如组织的版权、地点和联系信息等详细信息提供空间。

自定义页眉

每个站点都有一个页眉，该页眉将显示在站点的顶部（全球导航栏下方）以及附加到您站点的所有页面和视图上。 该页眉将包含站点的标题、徽标和菜单链接。 您无法将页眉移除，但可以选择页眉设计。

要自定义页眉，请完成以下步骤：

1. 编辑站点布局。
2. 在自定义面板中，单击页眉。

   提示：

   如果未显示自定义面板，打开切换按钮 将其打开。

3. 在外观菜单中，选择以下页眉样式之一：
   • 标准 - 每个新站点的默认设置，该设计具有一个细而紧凑的栏，包含用于放置徽标（60 像素）、社交媒体和菜单链接的空间。
   • 突出 - 该设计将提供较大空间，用于放置大尺寸徽标（130 像素）和附加菜单链接。
   • 自定义 HTML/CSS - 使用启用了语法的代码编辑器来配置带有自定义代码的页眉。

     如果选择了自定义 HTML/CSS，显示的菜单中将包含 HTML 和 CSS 参数。 单击打开 HTML 代码编辑器或打开 CSS 代码编辑器 写入自定义页眉代码。

     注：

     自定义页眉将保留在站点的页面中，但不会在预览页面中显示。

     页眉 HTML 不支持嵌入式 JavaScript。 脚本标记将被忽略。

4. 对于布局，选择框或宽。
5. 在名称和简称中输入文本。

   您提供的名称仅显示在页眉中，不会反映在站点的 URL 或站点列表中。 如果全名过长，无法显示在诸如移动设备等较小的屏幕上，则简称将显示在页眉中。

   或者，如果您不希望站点名称在页眉中显示，关闭名称参数。

   注：

   站点的页眉中必须包含名称或徽标。 必须先打开徽标参数，然后才能关闭名称参数。

6. 单击保存布局。

向页眉添加徽标

可以将组织徽标添加至页眉，打造您的站点品牌。 站点徽标的大小和位置取决于所选的页眉样式（标准、突出或自定义 HTML/CSS）。

要向页眉添加徽标，请完成以下步骤：

1. 编辑站点布局。
2. 在自定义面板中，单击页眉。

   提示：

   如果未显示自定义面板，打开切换按钮 将其打开。

3. 在外观菜单中，单击徽标切换按钮将其打开。
4. 选择下列其中一项：
   • 要提供 URL，请选择图像 URL，然后在 URL 字段中粘贴一个支持的图像链接。

     受支持的文件类型包括 .jpeg、.png 和 .gif。

   • 要上传文件，选择上传。

     最大文件大小为 3 MB，仅接受 .jpeg、.jpg 和 .png 文件类型。

     提示：

     另存为 .png 文件的图像效果最佳。

   如果选择了上传，请进行以下操作上传图像：

   1. 将文件拖动到框上，或单击浏览图像以添加图像。
   2. 单击裁剪图像按钮 裁剪图像或调整其大小。

      要裁剪图像，拖动控点调整裁剪框的大小。 要重新定位裁剪框，单击虚线并进行拖动。 要调整缩放，使用图像下方的滑块。

   3. 单击完成以应用更改。

   徽标即会添加至页眉并根据指定布局和徽标对齐方式调整大小。
5. 如果您使用的是突出页眉样式，请选择徽标对齐设置，如下所示：
   • 水平徽标 - 徽标仍采用标准高度 60 像素。 它与页眉的名称或简称文本对齐。
   • 垂直徽标 - 徽标高度扩大到 130 像素。 它位于所有页眉内容的左侧，包括名称文本和菜单链接。
6. 对于徽标替代文本，请提供符合可用性标准的文本。

   提示：

   如果徽标上包含文本，则替代文本可以为公司名称。 如果徽标为字体标志设计，则可以将其视为装饰性文本，并针对替代文本键入 “”。

7. 单击保存布局。

向页眉添加社交媒体链接

向页眉添加链接到 Facebook、X、Instagram 或 YouTube 账户的社交媒体图标。

要向页眉添加社交媒体链接，请完成以下步骤：

注：

如果您使用自定义 HTML/CSS 页眉样式，则无法按照以下步骤配置社交媒体链接。

1. 编辑站点布局。
2. 在自定义面板中，单击页眉。

   提示：

   如果未显示自定义面板，打开切换按钮 将其打开。

3. 展开社交图标。
4. 单击切换按钮添加社交媒体图标。

   页眉中将显示社交媒体图标。

5. 提供与图标链接的社交媒体账户的 URL。
6. 单击保存布局。

创建主题

可以通过选择站点的页眉和文本的颜色来创建站点的主题。 从主题菜单中选择的颜色将应用于整个站点。 您可以通过为特定行配置颜色来覆盖这些选择内容。 有关详细信息，请参阅自定义站点。

提示：

选择颜色时，请查看组织的品牌指南。 许多品牌指南将为诸如网站和徽标等内容提供颜色代码。 如果您没有品牌指南，请咨询您的团队或利益相关者，以确保站点的主题能够正确反映您的组织。

要创建主题，请完成以下步骤：

1. 编辑站点布局。
2. 在自定义面板中，单击主题。

   提示：

   如果未显示自定义面板，打开切换按钮 将其打开。

3. 通过提供十六进制值颜色代码或者从颜色选取器中选择颜色，可以为以下部分或全部选项选择颜色。
   • 全球导航背景颜色 - 将颜色应用于站点的全球导航栏。
   • 全球导航文本颜色 - 将颜色应用于全球导航栏上的文本和按钮。
   • 页眉背景颜色 - 将颜色应用于站点页眉。
   • 页眉文本颜色 - 将颜色应用于站点页眉中的所有文本。
   • 正文背景颜色 - 将颜色应用于站点的各行。 也可以为各行配置背景颜色。
   • 正文文本颜色 - 将颜色应用于整个站点上的文本。 也可以为各行配置文本颜色。
   • 正文链接颜色 - 将颜色应用于站点上的链接。

     注：

     已发布 Hub 站点上的操作菜单将针对背景填充使用正文链接颜色值，并针对图标和文本使用正文背景颜色值。

4. 或者，可以通过执行以下操作将字体应用于站点页眉和正文中的文本：
   1. 单击基本字体或标题字体对应的自定义按钮。

      基本字体用于站点正文中的文本，标题字体用于站点页眉中的文本。

      提示：

      如果要将基本字体和标题字体更改为同一字体系列，请先更新基本字体，然后为标题字体选中使用与基础字体相同的字体复选框。

   2. 对于 @import URL，从字体的嵌入代码粘贴 @import URL。
   3. 提供字体系列的名称。
   4. （可选）单击预览字体查看采用导入的字体系列的预览文本。
   5. 单击选项卡根据需要更新第二个字体。
   6. 单击应用。
5. 单击保存布局。

注：

要恢复为默认字体，请单击主题菜单底部的重置字体。

创建页脚

可使用自定义 HTML 和 CSS 添加站点页脚。 页脚将跨整个站点底部以及附加的所有页面和视图上显示。

要将页脚添加至站点，请完成以下步骤：

1. 编辑站点布局。
2. 在自定义面板中，单击页脚。

   提示：

   如果未显示自定义面板，打开切换按钮 将其打开。

3. 单击自定义选项。
4. 单击打开 HTML 代码编辑器或打开 CSS 代码编辑器 写入自定义页脚代码。
5. 单击应用查看对页脚所做的更改。

   注：

   页脚 HTML 不支持嵌入式 JavaScript。 脚本标记将被忽略。

6. 单击保存布局。

相关链接

有关其他信息，请参阅以下内容：

• 编辑站点
• 配置全球导航和菜单链接
• 域