使用 Hero Web 部件

使用 Hero Web 部件将焦点和视觉兴趣带到页面和视频中。在 Hero Web 部件中最多可以显示五个项目，并使用引人注目的图像、文本和链接来吸引人们对每个项的注意。通信网站默认包含“Hero”Web 部件，但也可将“Hero”Web 部件添加到其他页面。

如果视频是在 Hero Webpart 中设置的，它们将内联播放，而你可以停留并浏览同一页面，而不是转到新窗口。某些功能将逐步引入已选择加入定向发布计划的组织。这意味着你可能不会看到此功能，或者此功能可能看起来不同于帮助文章中的描述。

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

通信网站上的 Hero Web 部件：主题和展示
更改 Hero Web 部件的布局
更改每个图块或层的图像、文本和链接
更改图像的焦点
对图块或层进行重新排序
将 Hero Web 部件放在一列中
将空的 Hero Web 部件添加到页面
Hero Web 部件中的图像缩放

通信网站上的 Hero Web 部件：主题和展示

创建通信网站时，可以从空白网站开始，或选择其他网站模板之一，其中每个模板附带一组默认 Web 部件。其中一些通信网站模板附带了 Hero Web 部件，例如：

Standard通信：共享新闻、事件和其他内容等信息。
展示：使用照片或图像展示产品、团队或活动。

在这些模板中，主 Web 部件默认包含在页面上。它预先填充了默认图像、文本和链接，你将其更改为展示自己的图像、文本、页面、链接或文档。

选择Standard通信模板时，默认主图是具有五个磁贴的平铺布局， (可以在) 从 1 个磁贴更改为 5 个磁贴：

选择“展示” 模板时，默认主图是具有三层 () 从一层更改为五层的垂直布局：

可以使用按钮 (1 个) 编辑属性 ( Icon for editing web part and section properties ) 将 Hero Web 部件的布局从网格更改为垂直层或旋转木马，并且可以使用按钮 (2) 编辑每个磁贴或层的详细信息 () 更改每个磁贴或层的链接、图像和文本。

1. 编辑 Web 部件按钮

2.“编辑详细信息”按钮

更改 Hero Web 部件的布局

如果尚未在页面上处于编辑模式，请选择页面右上角的“编辑 ”。

可以选择适用于 Hero Web 部件的三种布局之一：轮播、平铺和层。选择布局，方法是选择 Web 部件左上角的“编辑属性 () ”，然后从布局下拉菜单中选择布局：或者，可以在 Web 部件属性窗格中选择所需的布局类型：
在 Web 部件“属性”窗格中，选择：
- 为旋转木马版式添加幻灯片
  提示:
  - 对于轮播布局，若要启用/禁用自动幻灯片切换，可以打开/关闭切换“自动播放”。
- 为磁贴布局添加磁贴
- 为层布局添加层

注意: 你可以在Standard通信网站) 上选择最多 5 个类似 (的磁贴，或者在展示网站) 上最多选择 5 个类似 (的磁贴，或者在轮播中最多选择 5 个图像。

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

如果尚未在页面上处于编辑模式，请选择页面右上角的“编辑 ”。

选择要更改的图块或图层右下角的“编辑详细信息” () 。
在 “属性窗格”中，选择“更改”，然后选择要从中获取链接的位置：
- 最近使用：如果你最近打开了图像、页面或文档，你会发现它们在此处列出。
- 库存图像 库存映像由 Microsoft 提供。它们质量高，大小恰到好处，适合你使用。如果你是 SharePoint 管理员，我们建议启用内容分发网络 (CDN) 以提高获取图像的性能。
- Web 搜索：可以找到必应利用 Creative Common 许可证的图像。在将图像插入页面之前，你负责查看图像的许可。仅在 Microsoft 365 中SharePoint 。
- 你的组织：如果组织已指定一组已批准的资产，则可以在此处从该集中进行选择。如果您是 SharePoint 管理员并且想要了解如何为组织创建资产库，请参阅创建组织资产库。
- OneDrive：可以获取存储在 OneDrive 上的文档或图像的链接。仅在 Microsoft 365 中SharePoint 。
- 网站：可以从指定的网站获取文档、图像或页面的链接。
- 上传：可以从个人设备上传文档或图像。
- 从链接：输入来自 OneDrive 或 Microsoft 365 SharePoint 的页面、文档或图像的链接。
  
  注意: 指向网站外部的链接不会在美国政府 GCC High 和 DoD 中显示图像预览，Office 365由世纪互联运营。
选择图像、页面或文档，然后选择“打开”。
在“属性窗格”的“背景图像”下，选择“自定义图像”或“仅颜色” (“仅颜色”仅适用于“磁贴”布局，并且该颜色对应于网站主题颜色) 。

“ 自动选择 ”选项会自动从要链接到的页面或文档中选择图像（如果可用）。
输入图像的 “标头”。
- 可以通过将开关切换为“是”来显示“行动号召”链接。然后添加 行动号召文本 (例如“了解详细信息”) 。行动号召链接可用于分层布局中的每个层，但仅适用于平铺布局中最大的图块。
  
  注意: 旋转木马布局有 3 种新样式。您可以为每张幻灯片设置不同的样式 (图像覆盖、文本块、对角线拆分) 来改变内容呈现。

更改图像的焦点

在 SharePoint Microsoft 365 中，可以更改 Hero Web 部件中所选图像上的焦点，以获取帧中图片最重要的部分。

如果尚未在页面上处于编辑模式，请选择页面右上角的“编辑 ”。
在要更改的 Hero 图像底部的工具栏中选择“设置焦点 ”。
将焦点拖动到图像中所需的位置。

对轮播图像、磁贴或图层进行重新排序

可以通过将轮播图像、磁贴或图层移动到所需位置来对轮播图像、图块或图层进行重新排序。

如果尚未在页面上处于编辑模式，请选择页面右上角的“编辑 ”。
在 “属性窗格”中，选择图像、图块或图层旁边的三个点省略号，然后选择“ 上移” 或“ 下移 ”以重新排序。对于图块和层，还可以选择图像，然后按住磁贴或图层并将其拖动到所需位置。

将 Hero Web 部件置于两列或三列之一

Hero Web 部件设计为占用页面的全宽。如果希望 Hero Web 部件不占用整个宽度，可以通过更改分区的布局来执行此操作。

如果尚未处于编辑模式，请选择页面右上角的“编辑 ”。
将鼠标悬停在 Hero Web 部件上方，然后选择 Web 部件左侧的带圆圈的 +
在 “分区布局”下，选择“ 两列 ”或“ 三列”。
你的 Hero Web 部件现在位于节中的两列或三列的左列中。
若要移动 Hero Web 部件，请选择图像，然后将其按住并将其拖动到所需的列中。

将空的 Hero Web 部件添加到页面

可以将 Hero Web 部件添加到团队网站或通信网站中的页面。要执行此操作：

如果尚未在页面上处于编辑模式，请选择页面右上角的“编辑 ”。找到右侧的 工具箱 () 。
选择“查看所有 Web 部件”，然后从 Web 部件列表中选择或拖放“Hero”。
选择“ 编辑属性 () ”，然后选择所需的布局类型 - 可以使用 1 到 5 个平铺的网格，或者使用 1 到 5 个垂直层。
为要更改的每个磁贴选择“选择链接 ”。
对于每个磁贴，在工具箱中，选择“选择”，然后选择要从中获取链接的位置：

在工具箱中，选择“更改”，然后选择要从中获取链接的位置：
- 最近使用：如果你最近打开了图像、页面或文档，你会发现它们在此处列出。
- Web 搜索：可以找到必应利用 Creative Common 许可证的图像。在将图像插入页面之前，你负责查看图像的许可。仅在 Microsoft 365 中SharePoint 。
- 你的组织：如果组织已指定一组已批准的资产，则可以在此处从该集中进行选择。如果您是 SharePoint 管理员并且想要了解如何为组织创建资产库，请参阅创建组织资产库。
- OneDrive：可以获取存储在 OneDrive 上的文档或图像的链接。仅在 Microsoft 365 中SharePoint 。
- 网站：可以从指定的网站获取文档、图像或页面的链接。
- 上传：可以从个人设备上传文档或图像。
- 从链接：输入 Microsoft 365 中 OneDrive for SharePoint 的页面、文档或图像的链接。
选择图像、页面或文档，然后单击“ 打开”。
在工具箱的“ 图像”下，选择“ 自定义图像 ”或“ 仅限颜色”。 “ 自动选择 ”选项会自动从要链接到的页面或文档中选择图像（如果可用）。 颜色仅适用于 磁贴布局，并且颜色对应于网站主题颜色。
输入图像的 可选文本 。
可以通过将开关切换为“是”来显示“行动号召”链接。然后添加 行动号召文本 (例如“了解详细信息”) 。行动号召链接可用于分层布局中的每个层，但仅适用于平铺布局中最大的图块

Hero Web 部件中的图像缩放

若要为 Hero Web 部件选择大小合适的图像，请考虑以下事项：

Web 部件旨在使屏幕宽度适应完全出血的布局。
在磁贴布局中，Web 部件的高度按 8：3 的纵横比缩放，Web 部件中的图像将缩放为 4：3 的纵横比。
在 “层” 布局中，单个层缩放为 8：3 的纵横比，每个层中的图像缩放为接近 9：16 的纵横比。

注意: 可以添加视频链接或将视频上传到 Hero Web 部件。现在，通过集成 Stream 的 Hero Web 部件支持视频。

轮播布局何时可用？

正式发布 (全球、GCC、GCC High 和 DoD) ：推出将于 2025 年 1 月中旬开始，并将于本月底完成。

添加旋转木马布局后，现有布局会发生什么情况？

作为对 Hero Web 部件的更新的一部分，已进行了以下更改：

项管理汇报

在 Hero Web 部件中管理项的方式已更改。现在，可以使用新的直观 幻灯片 界面直接添加或删除项，而无需将项数设置为 (1-5) 。这简化了自定义 Hero Web 部件以满足特定需求的过程。
属性窗格调整

虽然已刷新磁贴和层布局的属性窗格中的 UI，以获取更现代的体验，但这些布局的功能 保持不变。
对现有布局没有影响

如果当前使用的是图块或图层布局，请放心，它们将保持原样。 不会自动转换为新的轮播布局，从而确保现有页面继续按预期显示和运行。