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

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

自定义页眉

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

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

以编辑模式打开站点。
通过打开切换按钮打开侧面板；然后选择页眉（或者选择自定义以返回到自定义菜单）。
在外观菜单中，选择以下页眉样式之一：
- 标准 - 每个新站点的默认设置，该设计具有一个细而紧凑的栏，包含用于放置徽标（60 像素）、社交媒体和菜单链接的空间。
- 突出 - 该设计将提供较大空间，用于放置大尺寸徽标（120 像素）和附加菜单链接。
- 自定义 CSS/HTML - 使用启用了语法的代码编辑器来配置带有自定义代码的页眉。
  注：
  自定义页眉将保留在站点的页面中，但不会在预览页面中显示。
对于布局，选择框或宽。
对于名称，请提供要显示在页眉中的名称。
您提供的名称仅显示在页眉中，不会反映在站点的 URL 或站点列表中。
对于简称，请提供已添加至页眉的名称的简化版本。
添加一个简称，以确保站点在任何设备上的质量。
如果全名过长，无法显示在诸如移动设备等较小的屏幕上，则简称将显示在页眉中。
要使用自定义 HTML 或 CSS 为站点的页眉添加品牌元素，请选择自定义 HTML/CSS，然后在 HTML 和 CSS 文本框中提供代码。
页眉 HTML 不支持嵌入式 JavaScript。脚本标记将被忽略。
选择保存。

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

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

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

以编辑模式打开站点。
在自定义面板中，选择主题。
通过提供十六进制值颜色代码或者从颜色代码字段旁的颜色选取器中选择颜色，可以为以下部分或全部选项选择颜色。
- 全球导航背景颜色 - 将颜色应用于站点的全球导航栏。
- 全球导航文本颜色 - 将颜色应用于全球导航栏上的文本。
  注：
  有关全球导航的详细信息，请参阅配置全球导航。
- 页眉背景颜色 - 将颜色应用于站点的页眉。
- 页眉文本颜色 - 将颜色应用于页眉中的所有文本。
- 正文背景颜色 - 将颜色应用于站点的各行。您也可以按照设计站点布局中的步骤进行操作，为每行配置行颜色和文本颜色。
- 正文文本颜色 - 应用于整个站点上的文本。
- 正文链接颜色 - 将颜色应用于站点上的链接。
  注：
  垂直选项卡（包括共享按钮）将针对背景填充使用正文链接颜色值，并针对图标和文本使用正文背景颜色值。
设置颜色后，请选择保存。
或者，可以通过执行以下操作将字体应用于站点页眉和正文中的文本：
- 要为站点的正文选择字体，请选择基本字体设置按钮。
- 要更改站点页眉的字体，请选择标题字体设置按钮。

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

站点徽标的大小和位置取决于您选择的页眉样式。

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

打开徽标切换按钮。
选择图像 URL 或上传以添加图像。
提示：
如果要从文件上传图像，则另存为 .png 文件的图像效果最佳。根据需要裁剪和缩放图像。
如果您使用的是突出页眉，请选择徽标对齐设置。
对于徽标替代文本，请提供符合可用性标准的文本。
提示：
如果徽标上包含文本，则替代文本可以为公司名称。如果徽标为字体标志设计，则可以将其视为装饰性文本，并针对替代文本键入 “”。
选择保存。

要向页眉添加链接到 Facebook、X、Instagram 或 YouTube 账户的社交媒体图标，请完成以下步骤：

要使用自定义 HTML 向站点添加页脚，该页脚将在附加到站点的所有页面上持久存在，请完成以下步骤：