配置主页

主页是组织网站的登录页面,并将作为用户社区的门户。 主页可为组织成员提供有帮助的资源和内容,且如果您允许外部访问,则主页也可为公众提供这些资源和内容。 您可以配置外观现代且专业的主页,以反映组织的品牌形象和使命,并向社区展示最至关重要的地图、场景、应用程序和图层。

注:

2020 年 6 月之前成立的组织可能已使用旧版本主页设置配置了其主页。 已停止对旧版主页设置的支持,组织已升级到适合移动设备的现代化主页体验,其中包含项目库、链接以及自定义颜色和字体。 如果您的组织收到了继续使用旧主页的延期使用权限,则仍然可以查看旧主页以引用或将内容复制到现代化主页。

利用主页编辑器中可自定义的组件或块,默认管理员以及具有相应权限的用户可以设计、预览和部署在桌面和移动浏览器中优化显示的响应性主页。

提示:

有关帮助您入门的提示和最佳做法,请参阅创建组织主页的最佳做法

创建主页

使用主页编辑器为您的 ArcGIS Online 组织创建主页。 主页编辑器包括一系列灵活的组件和选项,允许您为您的站点创建唯一的入口点。 当您使用主页编辑器来配置页面时,设计选项的实时预览可帮助您获得自己想要的外观和功能。 使用主页编辑器底部的视图选项可查看您的页面在不同设备上的显示效果。

注:

2020 年 6 月之前成立的组织可能已使用旧版本主页设置配置了其主页。 已停止对旧版主页设置的支持,组织已升级到适合移动设备的现代化主页体验,其中包含项目库、链接以及自定义颜色和字体。 如果您的组织收到了继续使用旧主页的延期使用权限,则仍然可以查看旧主页以引用或将内容复制到现代化主页。

  1. 验证您是否以默认管理员或具有管理权限的自定义角色身份进行登录以管理组织网站。
  2. 单击站点顶部的组织,然后单击设置选项卡。
  3. 单击页面一侧的主页
  4. 主页编辑器部分,单击启动编辑器
  5. 按以下方式配置主页内容元素:
    • 页眉 - 标题、徽标和封面图像
    • 内容块 - 项目库、文本和链接
    • 页脚 - 联系信息、自定义页脚文本和链接以及页脚样式
  6. 按以下方式配置主页设计:
    • 颜色 - 预设或自定义颜色主题
    • 排版 - 预设或自定义字体主题
  7. 使用视图选项预览您的主页在桌面、平板电脑和移动设备上的显示方式。
  8. 单击保存以应用您的主页配置。
  9. 单击关闭按钮 关闭 以关闭主页编辑器。
  10. 在站点顶部,单击主页以查看您的主页。

标头

主页页眉可能包括以下元素:封面图像、组织标题和组织徽标。

要配置主页页眉,请执行下列步骤:

  1. 遵循以上创建主页部分的前四步操作。
  2. 内容下方,单击页眉
  3. 或者,可以在页眉中包含组织的标题。
    1. 打开显示组织标题切换按钮。
    2. 组织标题文本框中,保留标题(从组织配置文件设置中导入)或键入新的标题。
    3. 页眉颜色下拉菜单中,为标题文本选择一种颜色。
      注:

      如果您已经为主页设计指定了预设或自定义颜色主题,则从下拉菜单中选择新颜色将覆盖为此元素指定的颜色样式。

  4. 或者,可以在页眉中包含组织徽标。
    1. 打开显示组织徽标切换按钮。
    2. 单击选择文件并在桌面上浏览至图像文件。

      可接受的图像格式包括 PNG、GIF 和 JPEG。 要获得最佳效果,徽标大小应为 300 像素(宽)x 300 像素(高)。

    3. 平移和缩放您希望在徽标中显示的内容。

      根据图像文件的大小、分辨率以及自定义缩略图时的缩放程度,在保存该图像时可能需要重新采样和缩放。

    4. 单击保存
  5. 或者,可以在页眉中包含封面图像。
    1. 打开显示封面图像切换按钮。
    2. 请使用以下选项之一来选择封面图像选项:
      • 使用库存封面 - 应用即用型库存封面图像。 从下拉菜单中选择图像。
      • 上传自定义封面 - 上传自定义封面图像。 单击选择文件并在桌面上浏览至图像文件。 可接受的图像格式包括 PNG、GIF 和 JPEG。 单击保存
        注:

        图像大小大约应为 1920 像素(宽)x 1080 像素(高)。 在上传图像文件之前注意其大小,应为如果文件大小较大,可能会影响网站的一些用户的性能。 文件大小应小于 1 MB。

  6. 单击布局选项并执行以下任意操作:
    • 选择封面图像的高度 - 全屏、三分之二屏幕或半屏。
    • 单击图像预览窗口以调整封面图像的焦点。 您指定的焦点决定了图像为全屏尺寸时的中心。
    • 使用叠加不透明度滑块调整封面图像的不透明度。
    • 调整标题和徽标的垂直对齐以及它们相对于封面图像的水平位置。
      注:

      如果您选择左对齐,则标题的对齐将根据屏幕尺寸动态调整。 如果您在台式设备上使屏幕尺寸变窄,则标题变得更加居中。 在平板电脑或手机上,无论您选择哪个对齐选项,标题都将始终居中。

  7. 单击保存以保存页眉配置。

内容块

主页最多可包含 15 个内容块,其中包括文本、项目库和链接。 使用文本块配置标题和其他有关组织的基于文本的内容。 配置项目库以显示地图、场景、应用程序和其他内容项目。 添加自定义链接块以帮助成员和访客发现更多内容。

当您配置项目库时,可以指定包含您想显示的项目的群组。 这将允许您配置自定义库以便为不同受众显示不同的内容。 例如,允许匿名访问的组织可能希望一些项目仅对组织成员可见,但是对站点的非成员访客隐藏。

可以使用群组设置(谁可以查看此群组?)以及如下所示项目共享级别的组合来控制项目库和单个库项目的可见性:

项目库的所有者是谁?群组查看者设置项目共享级别

所有人(公共)

所有人(公共)

所有人(公共)

所有组织成员(无非成员)

组织中的人员

组织

特定组织成员

组织中的人员

项目库群组和其他特定群组

如果项目库对于查看主页的某些人没有任何可见项目,则此库将不显示。 例如,非成员将不会看到仅包含在组织级别共享的项目的库。

配置链接块时,最多可以包括八个链接。 您可以使用网站 URL 和电子邮件地址作为链接。 必须使用有效的 HTTPS URL 和 mailto 链接语法。 您可以配置链接以显示为带下划线的文本或按钮。 您还可以为每个链接添加一张图像。

可以对每个内容块进行自定义,以满足您的组织和用户社区的需求。 配置后,可以根据需要在页面上对块进行重新排序和编辑。

要配置主页上的内容块,请执行下列步骤:

  1. 遵循以上创建主页部分的前四步操作。
  2. 内容下,单击内容块
  3. 要添加文本块,请执行以下操作:
    1. 单击添加块,然后单击文本
    2. 要包含标题,请打开显示标题切换按钮并键入标题。
    3. 要包括正文,打开显示正文副本开关按钮,然后在正文副本文本框中输入正文文本。

      要在正文文本中包含超链接,请单击添加链接。 在添加链接窗口中,输入链接标题和链接目标,然后单击添加。 链接目标必须是有效的 HTTPS URL(例如 https://www.arcgis.com/home)或 mailto 链接(例如 mailto:info@example.com)。 将使用 markdown 语法将链接添加到正文副本文本框。

    4. 选择文本的对齐选项。
    5. 块颜色下拉菜单中,为文本块选择一种背景颜色。
      注:

      如果您已经为主页设计指定了预设或自定义颜色主题,则从下拉菜单中选择新颜色将覆盖为此元素指定的颜色样式。

    6. 单击保存以保存文本块配置。
    7. 针对每个文本块重复上述步骤。
  4. 要配置项目库,请执行下列步骤:
    1. 单击添加块,然后单击项目库
    2. 单击群组框,查找并选择您希望在库中包含的内容所在的群组。
    3. 要包含标题,请打开显示标题切换按钮并键入标题。
    4. 要包含摘要,请在摘要文本框中打开显示摘要切换按钮并键入摘要。

      要在库摘要中包含超链接,请单击添加链接。 在添加链接窗口中,输入链接标题和链接目标,然后单击添加。 链接目标必须是有效的 HTTPS URL(例如 https://www.arcgis.com/home)或 mailto 链接(例如 mailto:info@example.com)。 将使用 markdown 语法将链接添加到摘要文本框。

    5. 为标题和摘要文本选择一个对齐选项。
    6. 显示项目的编号下拉菜单中选择编号。
    7. 或者,如需显示最近添加到群组中的项目,而非项目库中的专题群组内容,请关闭显示专题内容切换按钮。

      此选项仅在所选群组具有精选专题项目库时可用。

    8. 要更改项目的排序方式,请在项目排序依据下拉菜单中选择一个选项。 例如,您可以按查看计数或所有者为项目排序。 要按降序而非升序为项目排序,请取消选中升序排序复选框。

      如果群组具有专题内容库并且已打开显示专题项目切换按钮,则项目将以在群组的专题内容库中的显示顺序显示在主页内容库中。

    9. 显示项目类型下拉菜单中,选择要显示的项目类型(例如,地图应用程序),或选择全部以显示库中的所有项目类型。
    10. 项目显示首选项部分中,执行以下任一操作:
      • 块颜色下拉菜单中,根据需要为库选择其他背景颜色。
        注:

        如果您已经为主页设计指定了预设或自定义颜色主题,则从下拉菜单中选择新颜色将覆盖为此元素指定的颜色样式。

      • 指定要在项目卡片中显示的信息。 例如,您可以关闭显示项目类型显示项目摘要切换按钮以隐藏此信息。
    11. 针对每个库重复上述步骤。
  5. 要添加链接块,请执行以下操作:
    1. 单击添加块,然后单击链接
    2. 或者,打开将图像添加到链接切换按钮以为块中的每个链接添加图像。
    3. 单击添加链接
    4. 链接标题文本框中,键入链接的标题。
    5. 如果您打开了包含图像的选项,请单击链接图像框中的上传图像,浏览到图像,然后单击保存

      要获得最佳结果,选择大小为 800 像素(宽)x 600 像素(高)的图像。

    6. 链接目标文本框中,输入有效的网站 HTTPS URL 或电子邮件链接。
      提示:

      电子邮件链接的有效语法为 mailto:info@example.com

    7. 单击添加以添加链接。
    8. 重复之前的步骤以将链接添加到块。

      每个链接块最多可以包含八个链接。

      注:

      试用订阅不支持链接。

    9. 要将每个链接显示为按钮,请打开显示按钮轮廓切换按钮。 关闭切换按钮以显示带下划线的文本链接。
    10. 块颜色下拉菜单中,根据需要为链接块选择其他背景颜色。
      注:

      如果您已经为主页设计指定了预设或自定义颜色主题,则从下拉菜单中选择新颜色将覆盖为此元素指定的颜色样式。

    11. 执行以下任一操作以管理链接:
      • 要编辑链接,请单击编辑按钮 编辑,进行必要的更改,然后单击保存
      • 要删除链接,请单击删除按钮 删除
      • 要更改链接在块中的顺序,请单击链接旁边的重新排序按钮 重新排序 并将其拖动到一个新的位置。
  6. 完成块配置后,单击保存
  7. 正文窗格中,执行以下任一操作来对您配置的块进行编辑和排序:
    • 要编辑块,请单击编辑按钮 编辑,进行必要的更改,然后单击保存
    • 要删除块,请单击删除按钮 删除
    • 要更改块在主页上的位置,请单击块上的重新排序按钮 重新排序 并将其拖动到一个新的位置。
  8. 完成后,单击保存

页脚

默认情况下,主页页脚将包含三个预配置的链接,其中包括联系 Esri 链接。 您还可以为组织配置自定义联系链接和页脚文本,以及为页脚选择背景颜色。

要配置主页页脚,请执行下列步骤:

  1. 遵循以上创建主页部分的前四步操作。
  2. 内容下方,单击页脚
  3. 要将自定义文本(例如版权文本)包含在页脚中,打开显示页脚文本开关按钮并输入页脚文本。

    要在自定义页脚文本中包含超链接,请单击添加链接。 在添加链接窗口中,输入链接标题和链接目标,然后单击添加。 链接目标必须是有效的 HTTPS URL(例如 https://www.arcgis.com/home)或 mailto 链接(例如 mailto:info@example.com)。 将使用 markdown 语法将链接添加到页脚文本框。

  4. 要在页脚中包含联系我们链接,打开显示联系我们链接开关按钮,然后输入用于链接的电子邮件地址。
  5. 块颜色下拉菜单中,为主页页脚选择一种背景颜色。
    注:

    如果您已经为主页设计指定了预设或自定义颜色主题,则从下拉菜单中选择新颜色将覆盖为此元素指定的颜色样式。

  6. 单击保存以保存页脚配置。

颜色

您可通过主页编辑器控制主页上显示的颜色。 您可以从八个预设颜色主题的列表中进行选择,以将其应用于您的主页内容。 每个颜色主题均包含用于定义文本、背景、标题和按钮或链接颜色的颜色样式。

如果预设主题不满足您的需求(例如,如果您的组织有特定的颜色标识需求),则可以使用您配置的颜色样式来创建自定义颜色主题。

要配置主页的颜色,请执行下列步骤:

  1. 遵循以上创建主页部分的前四步操作。
  2. 设计下,单击颜色
  3. 单击使用预设主题使用自定义主题
  4. 如果您使用预设主题,则请从下拉菜单中选择一个预设主题,并可以修改应用于任何主页组件(例如文本块或文本库)的颜色样式。
  5. 如果要配置自定义颜色主题,请按如下所示配置一种或多种自定义样式:
    1. 自定义颜色样式下,单击添加自定义样式
    2. 输入样式的名称。
    3. 配置颜色下方,单击一个块元素(例如背景)旁边的编辑自定义样式按钮 编辑自定义样式
    4. 通过提供十六进制值、RGB 值或 HSV 值,或通过从颜色选取器、预设颜色的调色板或共享的主题颜色(如果已定义)中选择一种颜色来指定颜色。
    5. 对要为其配置颜色的每个块元素重复这些步骤。
    6. 如果有任何元素标记为不清晰可见,则请单击该元素的编辑自定义样式按钮编辑自定义样式并配置其他颜色。

      您可以改为调整背景颜色。

      注:

      系统将为标题、摘要以及链接或按钮的每种颜色计算并显示对比度。 对比度是用来衡量背景颜色与每种指定颜色之间的对比度的量。 根据 WCAG 2.1 可用性标准,较高的对比度具有更好的可读性。 小于 4.5 的对比度将被标记为不清晰可见

    7. 操作完成后,请在添加自定义样式窗口中,单击保存
  6. 要创建其他自定义样式,请重复上一步。
    提示:

    要基于现有样式创建自定义颜色样式,可以单击样式的编辑按钮编辑,键入新样式的名称,配置样式颜色,然后单击另存为新样式

  7. 要编辑自定义颜色样式,请单击编辑按钮编辑,更改样式名称或颜色,然后单击覆盖样式
  8. 要移除自定义颜色样式,请单击删除按钮删除,确认要删除该样式,然后单击移除
    注:

    如果移除该样式,则系统会将灰色样式应用于已设置为您要移除的自定义样式的所有主页块。

  9. 单击保存以保存颜色配置。

排版

您可通过主页编辑器控制主页上显示的字体。 您可以从旨在让您的主页看起来专业的预设字体主题列表中进行选择。 每个预设字体主题均包含一个标题和正文字体。

如果预设主题不满足您的需求(例如,如果您的组织有特定的字体标识需求或您希望使用更多字体选项),您可以通过从一系列常用字体中选择标题和正文字体组合来创建自定义字体主题。

要配置主页的字体,请执行下列步骤:

  1. 遵循以上创建主页部分的前四步操作。
  2. 设计下,单击排版
  3. 单击使用预设主题使用自定义主题
  4. 执行以下操作之一:
    • 如果您要使用预设字体主题,请从列表中选择一个字体主题。
    • 如果您要使用自定义字体主题,请从下拉菜单中选择标题字体和正文字体。
  5. 单击保存以保存字体配置。

旧版本主页

已停止对旧版主页设置的支持,组织已升级到适合移动设备的现代化主页体验,其中包含项目库、链接以及自定义颜色和字体。 如果您的组织收到了继续使用旧主页的延期使用权限,则仍然可以查看旧主页以引用或将内容复制到现代化主页。

  1. 验证您是否以默认管理员或具有管理权限的自定义角色身份进行登录以管理组织网站。
  2. 单击站点顶部的组织,然后单击设置选项卡。
  3. 单击页面一侧的主页
  4. 单击先前主页链接。

在本主题中
  1. 创建主页
  2. 旧版本主页