使用 "英雄" web 部件

利用 "英雄" web 部件将焦点和视觉效果带入您的页面。 您最多可以在 "英雄" web 部件中显示五个项目, 并使用引人注目的图像、文本和链接来吸引人们的注意力。 通信网站默认包含“Hero”Web 部件,但也可将“Hero”Web 部件添加到其他页面。

注意: 

  • 某些功能将逐步引入到已选择加入目标发布计划的组织。 这意味着你可能不会看到此功能,或者此功能可能看起来不同于帮助文章中的描述。

  • 您必须具有 "编辑" 权限才能创建页面。 如果你是所有者, 但无法添加页面, 则你的管理员可能已关闭执行此操作的功能。

目录

通信网站上的 "英雄" web 部件: 主题和展示

创建通信网站时, 默认情况下, "英雄" web 部件将包含在您的页面中。 将预填充默认图像、文本和链接, 以展示自己的图像、文本、页面、链接或文档。

当你为所需的通信网站类型选择 "主题" 时, 默认的英雄是具有五个磁贴的平铺布局 (可以从一种磁贴更改为五个):

通信网站上的英雄 web 部件

为所需的通信网站类型选择 "展示" 时, 默认的英雄是具有三个图层的垂直布局 (可以从一层更改为五层):

展示英雄

你可以使用 "编辑 web 部件" 按钮 "Web 部件编辑" 按钮 将 "英雄" web 部件的布局从网格更改为垂直图层, 并且你可以使用 "编辑详细信息" 按钮 编辑详细信息 为每个图块或图层更改每个图块或图层的链接、图像和文本。

英雄编辑按钮

1. "编辑 web 部件" 按钮

2. "编辑详细信息" 按钮

更改 "英雄" web 部件的布局

观看此视频以了解其工作方式, 或者按照视频下方的步骤进行操作。

您的浏览器不支持视频。 安装 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果您的页面上尚未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 单击左侧的 web 部件 "编辑 web 部件" 按钮 "Web 部件编辑" 按钮 , 然后选择所需布局的类型-最多可选择5个图块 (例如, 在一个主题网站上), 或最多5个图层 (如展示网站上的图层)。

    英雄版式选项 英雄版式选项

更改每个图块或图层的图像、文本和链接

观看此视频以了解其工作方式, 或者按照视频下方的步骤进行操作。

您的浏览器不支持视频。 安装 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果您的页面上尚未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 单击要更改的图块或图层右下角的 "编辑详细信息" 编辑详细信息

  3. 在 "工具箱" 中, 单击 "更改", 然后选择要从中获取链接的位置:

    文件选取器选项的图像。
    • 最近: 如果你最近打开过图像、页面或文档, 你将在此处列出它们。

    • Web search: 您可以从必应查找的图像利用创造性的通用许可证。 在页面上插入图像之前, 您需要负责查看该图像的授权。 仅SharePoint Online 。

    • 你的组织: 如果你的组织已指定一组已批准的资源, 你将能够从此处设置的进行选择。  如果你是 SharePoint 管理员, 并且想要了解如何为你的组织创建资源库, 请参阅创建组织资产库

    • OneDrive: 你可以获取存储在 OneDrive 上的文档或图像的链接。 仅SharePoint Online 。

    • 网站: 您可以从您指定的网站获取文档、图像或页面的链接。

    • 上传: 您可以从个人设备上传文档或图像。

    • 从链接: 输入来自 OneDrive for Business 或 SharePoint Online 的页面、文档或图像的链接。

  4. 选择图像、页面或文档, 然后单击 "打开"。

  5. 在 "工具箱" 中的 "图像" 下, 选择 "自定义图像" 或 "仅颜色" ("仅限颜色" 仅适用于 "图块布局", 颜色对应于 "网站主题颜色")。

    自动选择的选项会自动从您要链接到的页面或文档中选择图像 (如果有的话)。

  6. 输入图像的可选文字

  7. 在 "选项" 下:

    • 你可以通过将切换切换到"是"来显示对操作链接的调用。 然后将您的来电添加到操作文本(例如, "了解详细信息")。 对于分层布局中的每个图层, "调用操作" 链接均可用, 但仅适用于平铺布局中最大的图块。

    • 对于分层布局, 还可以通过将主题标题的切换切换为"是"来显示每个图层的主题标题。 然后添加主题标题文本

更改图像的焦点

在 SharePoint Online 中, 你可以更改 "英雄" web 部件中所选图像的焦点, 以获取该框架中的最重要部分。

  1. 如果您的页面上尚未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 在要更改的英雄图像底部的工具栏中, 单击 "设置焦点" "设置焦点" 按钮

  3. 将焦点拖动到图像中的所需位置。

    焦点

对图块或图层重新排序

你可以通过将磁贴或图层移动到所需位置来对其进行重新排序。

  1. 如果您的页面上尚未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 单击并按住 "移动项目" 按钮, 然后拖动所需的图块或图层。

    英雄移动项目

将 "英雄" web 部件放在一列中

"英雄" web 部件旨在占用整个页面的宽度。 如果您希望 "英雄" web 部件不占用完整宽度, 则可以将其移动到非完全宽度的列中。

观看此视频以了解其工作方式, 或者按照视频下方的步骤进行操作。

您的浏览器不支持视频。 安装 Microsoft Silverlight、Adobe Flash Player 或 Internet Explorer 9。
  1. 如果你未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 将鼠标悬停在 "英雄" web 部件的正上方, 然后单击 web 部件左侧已圆圈的 " + "

  3. 在 "分区布局" 下, 选择 "一列"。

    一列
  4. 在 web 部件的左侧, 使用 "移动 web 部件" 按钮将 "英雄" web 部件拖动到刚添加的列中。

    "移动 web 部件" 按钮

    移动英雄

将空的英雄 web 部件添加到页面

您可以将 "英雄" web 部件添加到工作组网站通信网站中的页面。 要执行此操作:

  1. 如果您的页面上尚未处于编辑模式, 请单击页面右上角的 "编辑"。

  2. 在页面上, 将鼠标悬停在现有 web 部件上方或下方, 您将看到一条带有圆圈的 " +" 的线条, 如下所示:

    加号,用于将 Web 部件添加到页面。

    单击 " +", 然后选择 "英雄" web 部件。

    空白状态的英雄 web 部件
  3. 单击 "web 部件编辑" 按钮 "Web 部件编辑" 按钮 然后选择所需的布局类型-可使用1到5个图块的网格, 或1到5个垂直图层。

  4. 单击要更改的每个磁贴的 "选择链接"。

  5. 对于每个磁贴, 在 "工具箱" 中, 单击 "选择", 然后选择要从中获取链接的位置:

    在 "工具箱" 中, 单击 "更改", 然后选择要从中获取链接的位置:

    文件选取器选项的图像。
    • 最近: 如果你最近打开过图像、页面或文档, 你将在此处列出它们。

    • Web search: 您可以从必应查找的图像利用创造性的通用许可证。 在页面上插入图像之前, 您需要负责查看该图像的授权。 仅SharePoint Online 。

    • 你的组织: 如果你的组织已指定一组已批准的资源, 你将能够从此处设置的进行选择。  如果你是 SharePoint 管理员, 并且想要了解如何为你的组织创建资源库, 请参阅创建组织资产库

    • OneDrive: 你可以获取存储在 OneDrive 上的文档或图像的链接。 仅SharePoint Online 。

    • 网站: 您可以从您指定的网站获取文档、图像或页面的链接。

    • 上传: 您可以从个人设备上传文档或图像。

    • 从链接: 输入来自 OneDrive for Business 或 SharePoint Online 的页面、文档或图像的链接。

  6. 选择图像、页面或文档, 然后单击 "打开"。

  7. 在 "工具箱" 中的 "图像" 下, 选择 "仅自定义图像颜色"。 自动选择的选项会自动从您要链接到的页面或文档中选择图像 (如果有的话)。 "仅限颜色" 仅适用于磁贴布局, 颜色对应于你的网站主题颜色。

  8. 输入图像的可选文字

  9. 在 "选项" 下 ("仅SharePoint Online "):

    • 你可以通过将切换切换到"是"来显示对操作链接的调用。 然后将您的来电添加到操作文本(例如, "了解详细信息")。 对于分层布局中的每个图层, "调用操作" 链接均可用, 但仅适用于平铺布局中最大的图块。

    • 对于分层布局, 还可以通过将主题标题的切换切换为"是"来显示每个图层的主题标题。 然后添加主题标题文本

"英雄" web 部件中的图像缩放

若要为英雄 web 部件选择最佳大小的图像, 请考虑以下事项:

  • Web 部件设计为在整个出血的布局中适应屏幕的宽度。

  • 在 "磁贴" 布局中, web 部件的高度将缩放为遵循8:3 的纵横比, 并且 web 部件比例内的图像将缩放到4:3 的纵横比。

  • 在 "图层" 布局中, 单个图层将缩放为8:3 的纵横比, 并将每个图层范围内的图像缩放到靠近9:16 的纵横比。

注意: 你可以添加指向视频的链接或将视频上载到英雄 web 部件。 但是, 无法在 web 部件中播放视频。 用户可以单击视频的链接, 并转到视频播放器或链接源以查看视频。

注意:  本页面是自动翻译的,可能包含语法错误或不准确之处。 我们的目的是使此内容能对你有所帮助。 能否告知我们此信息是否有所帮助? 下面是该参考内容的英文版

扩展你的 Office 技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×