使用 "英雄" 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 搜索: 您可以从 Bing 查找使用创造性的通用许可证的图像。 在页面上插入图像之前, 您需要负责查看其许可。 SharePoint Online 。

    • 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 搜索: 您可以从 Bing 查找使用创造性的通用许可证的图像。 在页面上插入图像之前, 您需要负责查看其许可。 SharePoint Online 。

    • 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 支持专员。

×