Skip To Content

设计站点布局

配置站点以及添加数据之后,您可以设计主页布局并且自定义页眉和页脚。可通过站点编辑器选项卡完成该操作。该选项卡可通过提供的编辑器、标记或自定义 HTML 设计站点。

概览

站点编辑器是一个完整的页面编辑器,会为您提供一个站点模板,您可以对其进行修改以适合您自己的站点品牌和数据,或者完全将其移除以从头开始。在页面上,将鼠标悬停在元素上即可对元素进行移动、调整大小、编辑或删除,单击左上角的齿轮图标可以打开站点编辑器侧面板。

页眉设置

可以通过两种方式构建站点页眉:使用徽标 URL 和站点标题(简单),或使用自定义 HTML 和 CSS(高级)。

    简单工作流
  1. 选择使用徽标和站点标题
  2. 站点标题下方输入您的标题。
  3. 徽标 URL 下方输入您的图像。将对图像进行缩放以适合 50 像素高度。
    高级工作流
  1. 选择使用自定义 HTML/CSS

    页面上将显示默认页眉,侧面板上将显示 CSS 框。

  2. 单击页眉右上角的齿轮图标可以编辑 HTML。
  3. 再次单击齿轮图标可以查看更改。
  4. 修改侧面板中的 CSS 框,然后单击应用更改可以查看对 HTML 的影响。
警告:

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

注:

要维护站点的功能,请勿编辑或删除我的数据登录区域。

主题构建器

可以使用以下颜色选项来确定站点的主题:

  • 页眉背景颜色 - 影响页眉。
  • 页眉文本颜色 - 影响页眉文本。
  • 正文背景颜色 - 影响透明主页行的颜色,以及搜索结果和数据集页面的页面背景颜色。
  • 正文文本颜色 - 影响整个站点中常规文本的颜色。
  • 正文链接颜色 - 影响整个站点的颜色链接和按钮,以及页眉中链接的悬停状态。

提示:

还可以按行更改文本颜色。

布局构建器

按行和微件来组织页面的基本布局。必须将微件置于行中。可置于行中的微件数量没有限制。要编辑任何卡片,请单击齿轮图标。要删除任何卡片,请单击垃圾桶图标。

可以使用行来构建整体布局和放置微件。

  1. 将行从侧面板中拖动到页面上。

    页面上将显示标记以引导您进行操作。

  2. 将鼠标悬停在行上方后,右侧将显示三个图标:用于在页面周围移动行的箭头、用于编辑的齿轮图标以及用于删除行的 x。
  3. 单击齿轮图标可以切换到编辑模式。
  4. 设置此特定行的文本颜色。
  5. 设置背景颜色(透明为默认选项)或背景图像。
  6. 单击返回到站点编辑器可返回到主侧面板。

通栏卡片

可以在站点内使用标题通栏和搜索栏。

  1. 通栏微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 或者输入标题和副标题。
  4. 或者提供背景图像 URL 并设置最小高度。
  5. 或者选中显示搜索栏以将搜索栏添加到此通栏微件。
  6. 或者选中添加按位置搜索功能,为用户添加二级搜索选项以按位置来过滤结果。
  7. 或者添加要显示在搜索栏中的占位符文本。
  8. 单击返回到站点编辑器可返回到主侧面板。

图像卡片

可以在布局中使用图像。

  1. 图像微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 提供图像 URL。
  4. 提供图像替代文本以帮助盲人用户,并改善站点的可访问性。
  5. 或者提供图像标题。
  6. 也可提供一个可在相同选项卡新选项卡中打开的图像超链接。
  7. 单击返回到站点编辑器可返回到主侧面板。

文本卡片

将文本(标记和 HTML)添加到您的布局。

  1. 文本微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 在文本微件中输入标注或 HTML 文本。
  4. 单击齿轮图标可以查看文本。
警告:

出于安全目的,文本微件不支持嵌入式 JavaScript。脚本标记将被忽略。

允许以下 HTML 元素:

'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
 'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
 'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
 'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
 'ul', 'center', 'style', 'div', 'span'

允许这些元素的以下属性:

All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'],	'button'    : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
 'ul' : ['type']

类别卡片

可以使用类别对站点上的数据集进行分组。

  1. 类别微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 编辑类别的链接文本。
  4. 选择标记查询

    这将决定用户单击此类别时,搜索结果中将返回的数据集。

    • 标记 - 输入标记查询。。搜索结果中将返回在其相应企业级门户项目上具有此匹配标记的所有数据集
    • - 选择一个组。搜索结果中将返回该组中的所有数据集。
  5. 从库中选择一个图标:
    1. 选择选择图标
    2. 从模式中选择一个图标并单击选择

      此图标将显示在侧面板中。

    3. 单击图标右侧的灰色框以选择图标的颜色。
  6. 使用您自己的图标:
    1. 提供图标的 URL。
    2. 提供图标的替代文本,以帮助盲人用户并改善站点的可访问性。
  7. 单击返回到站点编辑器可返回到主侧面板。
提示:

自定义图标应保存为 svg 或透明 .png 文件。将对图标进行缩放以适应 120x120 像素。

联系信息卡片

提供联系信息以向数据所有者发送电子邮件。

  1. 联系微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 提供联系电子邮件地址和电子邮件主题行。

    当用户单击主页上的电子邮件时,其电子邮件编辑器将自动打开。

  4. 单击返回到站点编辑器可返回到主侧面板。

Iframe 卡片

嵌入式 iframe 和外部资源。

  1. iframe 微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 提供 iframe URL 和 iframe 高度。
  4. 单击应用
警告:

请勿粘贴来自其他网站的可嵌入式 iframe 代码。只能粘贴到要嵌入的 URL 中。

提示:

使用 HTTP 的 iframe URL 将不会显示在使用 HTTPS 的站点编辑器中。保存并查看您的站点以观察您的 iframe。

图表卡片

可以直接从数据集创建简单图表,或者输入您自己的图表 JSON 以创建自定义图表。

条形图

可以通过对所选数据集的查询来创建条形图,更新数据集时将自动对其进行更新。

  1. 图表微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 默认情况下将选择条形图。
  4. 单击 (+) 添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 选择选择类别属性以从数据中挑选主要图表项目。

    数字和字符串字段可在图表中使用。默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数

  7. 也可选择值属性以选出作为类别属性值度量的数字字段。选中后,该字段的默认统计运算为“总和”。您可以使用选择值属性选择器右侧的下拉菜单更改统计运算。值属性支持最小值、最大值、总和、平均值和计数。通过选择计数,取消选中值属性(因为不需要额外的字段来计数类别属性)。

    数字和字符串字段可在图表中使用。默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数

  8. 或者,在选项部分中,可以启用/禁用和自定义图表标题高度(以像素为单位)、x 轴的类别标注以及 y 轴标注的值标注

饼图

可以通过对所选数据集的查询来创建饼图,更新数据集时将自动对其进行更新。

  1. 图表微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 单击圆形饼状图标以选择饼图。
  4. 单击 (+) 添加数据
  5. 从可用的数据服务中选择一个项目。
  6. 选择选择类别属性以从数据中挑选主要图表项目。

    数字和字符串字段可在图表中使用。默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数

  7. 也可选择值属性以选出作为类别属性值度量的数字字段。选中后,该字段的默认统计运算为“总和”。您可以使用选择值属性选择器右侧的下拉菜单更改统计运算。值属性支持最小值、最大值、总和、平均值和计数。通过选择计数,取消选中值属性(因为不需要额外的字段来计数类别属性)。

    数字和字符串字段可在图表中使用。默认情况下,当您选中某一类别属性时,生成的图表将成为此属性的计数

  8. 或者,可以在选项部分启用/禁用和自定义图表标题高度(以像素为单位)、工具提示中每个扇形标注的类别标注,以及工具提示中度量标注的值标注

JSON 图表

可以使用特定图表规范通过 JSON 创建自定义图表。

  1. 图表微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 选择 JSON 切片
  4. JSON 图表规范字段中输入 JSON。
  5. 或者,可以在选项部分中启用/禁用和自定义图表标题高度(以像素为单位)。

JSON 规范

输入自定义 JSON 可创建利用 Cedar 库的自定义图表。规范包含以下组件:

数据集

数据集数组可以指定 ArcGIS 要素服务 URL 和查询参数。有关查询参数的详细信息,请参阅 REST API 文档。

{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}

系列

系列数组用于指定服务响应中字段之间的映射以及图表的视觉特性(x, y 轴、散点图的颜色/大小、饼图的半径)。

{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }

覆盖

覆盖属性用于指定整个图表的视觉覆盖,例如颜色或位置。

"overrides": {
      "legend": {
          "enabled": true
      },
      "backgroundColor": "#E6E6FA",
      "backgroundAlpha": 1
  }
}

规范

规范属性用于输入完全自定义图表的完整 Cedar 规范。查看现有图表规范的示例

示例

条形图:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Number_of_SUM",
      "query": {
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [
          {
            "statisticType": "sum",
            "onStatisticField": "Number_of",
            "outStatisticFieldName": "Number_of_SUM"
          }
        ]
      }
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": {"field": "Number_of_SUM", "label": "Number of Students"},
      "source": "Number_of_SUM"
    }
  ]
}

水平条形图:
{
  "type": "bar-horizontal",  "datasets": [    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",      "name": "Number_of_SUM",      "query": {
        "orderByFields": "Number_of_SUM DESC",        "groupByFieldsForStatistics": "Type",        "outStatistics": [          {
            "statisticType": "sum",            "onStatisticField": "Number_of",            "outStatisticFieldName": "Number_of_SUM"
          }
        ]      }
    }
  ],  "series": [    {
      "category": {"field": "Type", "label": "Type"},      "value": {"field": "Number_of_SUM", "label": "Number of Students"},      "source": "Number_of_SUM"
    }
  ],  "overrides": {
    "categoryAxis": {
      "labelRotation": -45    }
  }
}

已分组条形图:

请注意:每个系列将匹配一个“组”。

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

散点图:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

气泡散点图:
{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

时间表

请注意:类别必须为日期时间字段。

{
  "type": "bar",
  "datasets": [
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Jordan",
      "query": {
        "where": "City='Jordan'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Dewitt",
      "query": {
        "where": "City='Dewitt'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    },
    {
      "url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
      "name": "Fayetteville",
      "query": {
        "where": "City='Fayetteville'",
        "orderByFields": "Number_of_SUM DESC",
        "groupByFieldsForStatistics": "Type",
        "outStatistics": [{
          "statisticType": "sum",
          "onStatisticField": "Number_of",
          "outStatisticFieldName": "Number_of_SUM"
        }]
      },
      "join": "Type"
    }
  ],
  "series": [
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Jordan Students"},
      "source": "Jordan"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
      "source": "Dewitt"
    },
    {
      "category": {"field": "Type", "label": "Type"},
      "value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
      "source": "Fayetteville"
    }
  ]
}

汇总统计数据卡片

使用汇总统计数据可以快速提供关键绩效指标等的数据。可以通过数据集查询来生成汇总统计数据,更新数据集时将自动对其进行更新。

  1. 汇总统计数据微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 单击 (+) 添加数据将启动项目选择器来查找您选择的数据服务。
  4. 选中 统计字段以从选定的服务中选择一个字段。该字段将用于后续步骤。
  5. 选中 统计类型以选择要在所选字段上执行的操作类型
    • 对于文本和日期字段,可以在计数、最小值或最大值之间进行选择。
    • 对于数值字段,可以在计数、总和、最小值、最大值、平均标准差或方差之间进行选择。
  6. 可以选择向统计数据添加过滤器:
    1. 选择适用于过滤器的属性。
    2. 选择添加
    3. 选择新的属性框以显示过滤器输入。输入框将根据字段类型的不同而变化。
    4. 输入所需过滤器。
    5. 单击过滤器框外部或者按键盘上的 Enter 键。
  7. 输入标题
  8. 可选择输入 尾随文本并更改统计数据本身的强调颜色

图库卡片

使用图库卡片可以在站点上显示 web 制图应用程序和 web 地图内容的特性。图库卡片将自动从您的组织组中检索应用程序和 web 地图。将应用程序和地图内容添加到您的组织或特定群组时,新的应用程序切片将显示在您的站点上,无需对布局进行编辑。

  1. 图库卡片微件拖动到现有行中。
  2. 将鼠标悬停在微件上方,然后单击齿轮图标以切换到编辑模式。
  3. 左侧随即出现多个选项。单击应用程序可查看图库卡片中返回的组织内的所有应用程序。单击数据集可查看图库卡片中返回的组织内的所有数据集。单击站点可查看图库卡片中返回的组织中的所有站点。
  4. 调整显示的卡片数中的数值(最大值为 16)以更改显示。
  5. 或者,在仅显示部分中,选择并选择要用于过滤应用程序的所需组。
  6. 标记中,添加任何标记以限制查询。图库卡片中将仅显示与该标记相匹配的项目。
  7. 样式下,选择使用图标或者使用缩略图以确定图库卡片将具有的样式。
  8. 更改按钮文本以控制按钮。默认文本为 Explore。

页脚设置

站点编辑器的默认设置不包含页脚。您必须创建自定义页脚,才能使站点中所有页面的页脚保持一致。

  1. 页脚设置下,选择自定义

    页面上将显示默认页脚,侧面板上将显示 CSS 框。

  2. 单击页脚右下角的齿轮图标可以编辑 HTML。
  3. 再次单击齿轮图标可以查看更改。
  4. 修改侧面板中的 CSS 框,然后单击应用更改可以查看对 HTML 的影响。
提示:

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

使用标记

在文本微件中使用标注可以自定义站点上的文本。

标注速记表

属性

语法

标题

# 此处文本为 1 级标题(最大)

# 此处文本为 2 级标题

####### 此处文本为 6 级标题(最小)

斜体

此为 *斜体文本* 或 _italic text_

粗体

该文本为 **粗体**

合并斜体和粗体

* 合并斜体 ** 和 **粗体*

显示地址的链接

http://www.esri.com

注:

请勿忘记 URL 前面的协议(HTTP 或 HTTPS)

未显示地址的链接

[您的超链接文本] (http://www.esri.com)

注:

请勿忘记 URL 前面的协议(HTTP 或 HTTPS)

加重号

*项目符号列表中的第一件事

*项目符号列表中的第二件事

有序列表

1. 编号列表中的第一件事

1. 编号列表中的第二件事

插入影像

<img src="image source URL including HTTP or HTTPS">

注:

如果您的企业级门户中包含图片,则还可以利用相关 URL,例如“/images/my-amazing-image"

用超链接插入影像

<a href="link URL including HTTP or HTTPS"><img src="image source URL including HTTP or HTTPS"></a>