创建站点后,可以使用站点编辑器及其侧面板来配置站点的设置、设计其布局并添加页面。
在本主题中,您将学习如何执行以下操作:
- 在站点编辑器中启动编辑会话,保存您的作业并查看更改。
- 使用行和卡片来设计站点或页面布局。
- 设置背景颜色、文本颜色和字体。
- 配置页眉和页脚。
以编辑模式打开站点
首先,以编辑模式打开您的站点。 有关以编辑模式打开页面的信息,请参阅在编辑模式中打开页面。
从浏览器窗口
要从浏览器以编辑模式打开站点,请完成以下步骤:
- 在新的浏览器窗口中打开站点的 URL,然后单击全球导航栏上的登录。
- 单击“编辑”按钮 以打开站点编辑器。
注:
要登录和编辑站点,必须启用全球导航,并且您必须属于该站点的核心团队、具有管理权限或者是该站点的原始所有者。
通过 Sites 应用程序
从应用程序的“概览”页面打开站点。
- 打开组织的 ArcGIS Enterprise 网站的 URL。
注:
您也可以使用 URL https://webadaptorhost.domain.com/webadaptorname/apps/sites/admin 来访问 Sites 管理应用程序。
- 单击门户网站主页顶部的登录,然后输入您的帐户凭据。
- 单击用户个人资料旁边的应用程序切换器按钮 ,然后选择 Sites。
- 在概览页面上,单击站点卡片上的管理,然后单击其标题来打开站点。
从 ArcGIS Enterprise
要从 ArcGIS Enterprise 中以编辑模式打开站点,请执行以下步骤:
- 登录到 ArcGIS Enterprise。
- 查找内容下的站点应用程序项目。
- 单击该项目以打开其项目详细信息页面,然后单击配置应用程序。
保存编辑内容
编辑站点时,请定期保存更改。 保存按钮位于编辑导航栏的右上角。 您可以将您的站点发布为草稿,以供其他人查看。 有关详细信息,请参阅发布站点或页面。
注:
如果核心团队成员正在同时编辑该站点,或者该站点在多个选项卡中处于打开状态,则将应用最后一个保存和关闭该站点的人员所做的编辑。 打开的选项卡不会自动刷新以显示新的更改,因此最好是每次由一个核心团队成员编辑一个站点。
侧面板操作和编辑导航栏
对于大多数站点编辑工作流,您将使用站点的侧面板。 此面板包括设置、页眉、主题、布局和页脚菜单。
要打开侧面板,请单击侧面板切换按钮 。 单击面板顶部自定义旁的返回按钮以返回到根菜单。
站点编辑器还在布局编辑器的顶部包括一个编辑导航栏,允许您访问其他功能,例如团队、反馈和内容库。 您也可以保存您的站点,并从此栏中访问 ArcGIS Enterprise 中的项目详细信息页面。 单击更多按钮 ,然后在 ArcGIS Enterprise 中进行编辑。
设计站点的布局
要开始设计站点的布局,打开侧面板中的布局菜单以访问一系列卡片,您可通过这些卡片向站点添加图像、文本、应用程序、媒体和其他组件。
您的站点的默认布局旨在向您展示如何结合卡片以构建一个连贯的叙述,着重于在介绍内容之前提供上下文。 您可以按原样采用此格式,更新其颜色和内容,或者删除所有卡片并从空白布局开始。
要熟悉站点布局的编辑,请按照以下步骤添加新的行卡片:
- 单击侧面板上的布局。
- 将行卡片从侧面板拖动到布局上,并将行放置于所需位置。
注:
行是布局的基础,在任何您要插入卡片的位置(例如文本、应用程序或图像卡片),行都是必需的。
- 将卡片(例如文本卡片)从侧面板拖到新行上,然后将其放置在所需的位置。
提示:
要连续放置卡片,请将鼠标悬停在卡片的右上角,然后使用位置按钮 移动卡片。 您也可以使用卡片左右两侧的箭头来调整卡片大小。 - 此外,要重新放置行,请将鼠标悬停在行的右上角,然后使用位置按钮 移动行。
您可以将行(包括其中包含的所有卡片)移动到布局上的新位置。
- 单击保存。
- 要移除卡片或行,请单击其“删除”按钮 。
站点设置
每个站点都有其自己的设置,您可以使用这些设置控制某些元素(例如 URL 配置和站点名称和摘要)以及交互(例如私有下载和全球导航)。
提示:
您的站点的 URL 是早期配置中的重要设置。 要使用自定义域配置 URL 或重命名站点,请考虑立即配置站点 URL。
有关详细信息,请参阅配置站点设置。
页眉、页脚和全球导航
页眉和页脚对于完成站点的布局十分重要。 在页眉中,您可以通过添加品牌和创建菜单来介绍您的站点,以帮助访问者查找内容、页面和外部网站。 页脚表示您站点的结束,并提供,例如组织的版权信息、地点和联系信息等有用的信息。
此外,所有新站点都启用了全球导航功能,该功能可在页眉上方放置一个较细的紧凑型栏。 此栏允许访问者使用关键字和短语搜索您站点的内容,访问其用户个人资料并查看通知。
注:
在较小的设备(例如手机)上,页眉折叠成一个下拉菜单,并且在侧面板中提供了全球导航元素,以便访客可以通过各种尺寸的屏幕浏览您的内容。
页眉、页脚和全球导航栏在站点及其页面之间保持一致,以确保访问者通过链接f访问其他页面时可以导航回原始页面。
您可以在页眉和页脚中使用自定义代码。 您还可以使用侧面板上页眉菜单中的选项来配置以下内容(无需编程):
- 徽标
- 页眉背景和文本颜色
- 社交图标可将访问者与您的社交媒体平台联系起来
- 菜单链接到页面和其他资源以创建站点导航
有关详细信息,请参阅使用页眉和主题选项来打造站点品牌和配置全球导航和菜单链接。
颜色和字体
您可以使用侧面板中的主题菜单定义页眉、全球导航栏、按钮、文本和背景的颜色。 您选择的颜色和字体将应用于整个站点布局以及该网站所随附的任何页面。
您可以对单个行覆盖主题颜色,以更精细地控制布局颜色。 每个行都有其自己的设置,您可以设置文本和背景颜色,以及将图像用作背景。
首先,将鼠标悬停在该行的右上角,然后单击“设置”按钮 以修改以下内容:
- 选择宽式或框式布局 - 宽式布局可在整个布局中展开行。 框式布局在行中以固定宽度显示内容。
提示:
框式布局设置是发布主要通过移动设备浏览的站点时的推荐设置。
- 使用十六进制颜色代码或颜色滑块更改文本和背景颜色 - 行中显示的任何文本均以您在此设置中定义的颜色显示。 此设置包括使用任何卡片在行中显示的文本。 您还可以将颜色应用于行的背景。
提示:
确保普通文本的行文本颜色与背景颜色之间的颜色对比度达到或超过 4.5:1 的可用性比率,大文本或符号的可用性比率为 3:1。 您可以使用许多网站来检查颜色对比度,例如 WebAIM。
- 设置背景图像 - 您可以通过上传图像或将链接粘贴到托管图像文件来将图像设置为行的背景。
提示:
使用背景图像时,请选择具有简单图案或主题的图像,尤其是当您计划覆盖文本和其他内容时。
页面
页面是您可以附加到站点的额外的网页,将采用您的站点的页眉、页脚和自定义域。 您可以使用页眉中的菜单链接来链接到其他页面。
注:
如果您计划使用 iframe 和地图卡片(web 地图和 web 场景)涵盖一系列信息或显示多个项目,请考虑使用页面以按主题或标题分隔内容。 这将维护站点的负载和性能,以便站点访客有机会按照自己的进度浏览内容。
添加到站点的每个页面都包含一个侧面板,它与站点编辑器中包含的布局菜单相同。 这意味着您可以像设计站点一样使用卡片设计页面的布局。
有关详细信息,请参阅向站点添加页面。