可创建自定义主题以与组织的品牌指南相匹配或更符合故事或集合的风格。 创建主题时,可自定义以下主题元素:颜色、排版、按钮、引号、链接和分隔符。
注:
可在设计面板的自定义部分下,将徽标添加至故事或集合标题,可在标题中单击设计将其打开。 但是,如果选择带有徽标的主题,则将应用主题徽标,并且自定义部分下的徽标选项将不可用。注:
如果组织管理员已选择已批准主题群组,则在发布主题时,此群组的成员将在列表顶部看见该群组。 有关选择已批准主题组的详细信息,请参阅在 ArcGIS Online 上管理 ArcGIS StoryMaps。按照以下步骤创建并发布主题:
- 在网站页眉中单击主题,浏览至主题页面。
还可以单击设计面板的主题部分中的管理我的主题,从故事构建器访问主题页面。
- 单击新建主题启动主题构建器。
主题构建器将显示包含内容块的示例故事和包含主题构建器选项的面板。
- 通过替换位于面板定义的无标题主题文本为主题提供标题。
- 通过选择以下选项构建主题:
主题元素
选项
颜色
背景色
次要背景颜色(计算)
页眉颜色
强调色
注:
注:次要背景颜色会自动计算为主要背景颜色的变体;它是不可配置的。 它可在主题构建器中使用,如果其与相应文本颜色的对比度不足以实现可访问性,则将显示警告。
排版
标题和副标题
段落
说明文字
注:
创建主题时,可为更多选项添加 Google 中的字体系列。 也可以为所选字体系列更改字体样式和粗细。
注:
要在为 ArcGIS Enterprise 帐户创建主题时启用 Google 字体,门户管理员必须在组织设置中提供有效的 Google 字体 API 密钥。 有关详细信息,请参阅在 ArcGIS Enterprise 上管理 ArcGIS StoryMaps。
按钮
样式和颜色
引号
样式、颜色和对齐
链接
样式和颜色
分隔符
样式、颜色和位置
底图
底图
注:
此处指定的地图将用作快捷地图和地图游览的默认底图。 它必须使用 Web 墨卡托投影。
徽标
徽标图像
徽标链接
徽标备选文本
构建主题时,主题预览将滚动至活动元素,并且示例故事将更新,以预览主题外观随每个内容块发生的变化。
- 发布主题。
- 单击主题构建器页眉中的发布启动发布过程。
- 在发布过程中,选择主题的受众,然后单击发布。 有关发布过程的详细信息,请参阅发布主题。
随即创建 StoryMap 主题类型的新项目。 在发布主题后,要将其应用于故事或集合,可在设计面板的浏览主题部分中将其选中。
注:
主题必须对应用该主题的故事或集合的读者可见。 如果主题未共享到同一级别,则需使用标准峰会主题显示故事或集合。注:
发布故事或集合时,如果其主题未得到充分共享,则构建器向您发出通知。 如果您从 ArcGIS 内容页面或其 ArcGIS 项目页面调整共享,则此通知不可用,因此建议通过 ArcGIS StoryMaps 构建器对故事和集合进行共享更改。
可访问性
设计主题时,需要考虑文本和背景颜色之间的对比度,才能确保故事或集合中的文本内容可读。 主题构建器会在您每次更改颜色时计算对比度,并将在同时使用的颜色之间的对比度不足时发出警告。
对比度计算和警告阈值遵循 WCAG 2.1 AA 指南。 当选择使用一组其他指南时,对比度可用。 单击展开对比度检查器,以查看其他详细信息。
有关可访问性的详细信息,请参阅可访问性和支持的语言。
标准主题参考
下表提供了六个标准主题的参数。 如果您想基于即用型选项创建自定义主题,这些内容可能会很有用。
主题 | 峰会 | 黑曜石 | 山脊线 | 平顶山 | 潮汐 | 板岩 |
---|---|---|---|---|---|---|
背景色 | #ffffff | #0e1116 | #f2f6ed | #faf2e6 | #113f5d | #f7f7f7 |
强调颜色 | #087f9b | #ea5b41 | #31b871 | #d13e37 | #457778 | #b03535 |
标题字体系列 | Avenir Next | Charter BT | Klint | Elante | Ocean Sans | Pax |
标题字体颜色 | #002625 | #f3f3f3 | #192c36 | #131940 | #ffffff | #001c1b |
段落字体系列 | Noto Serif | Basic Commercial | Real Head | Elante | Mahsuri Sans | Swift Neue |
段落字体颜色 | #304e4e | #e6f2f2 | #637372 | #574237 | #bebdb1 | #585858 |
说明文字字体颜色 | #3d6665 | #809e9d | #506b88 | #3a4f64 | # bac8d6 | #001c1b |
按钮样式 | 1 | 3 | 2 | 1 | 1 | 1 |
引述样式 | 1 | 1 | 1 | 1 | 3 | 2 |
链接样式 | 1 | 1 | 1 | 1 | 1 | 1 |
分隔符样式 | 1 | 1 | 1 | 1 | 3 | 2 |
分隔符对齐 | 左侧 | 左侧 | 左侧 | 左侧 | 居中 | 全部 |
底图 | 人文地理浅色 | 深色画布 | 地形图 | 现代古典地图 | 海洋 | 报纸 |