使用 Hero Web 部件

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

注意: 

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

  • 必须具有"编辑"权限才能创建页面。 如果你是所有者,但无法添加页面,则你的管理员可能已关闭这样做的能力。

目录

提示: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

通信网站中的 Hero Web 部件:主题和展示

创建通信网站 ,默认情况下页面上包含 Hero Web 部件。 它预先填充了您更改的默认图像、文本和链接,用于展示您自己的图像、文本、页面、链接或文档。

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

通信站点上的 Hero Web 部件

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

展示英雄

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

Hero 编辑按钮

1. "编辑 Web 部件"按钮

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

更改 Hero Web 部件布局

观看此视频,了解如何操作,或按照视频下面的步骤操作。

你的浏览器不支持视频。
  1. 如果尚未在页面上进入编辑模式,请单击页面右上方的"编辑"。

  2. 单击左侧的 Web 部件"编辑 Web 部件"按钮 “web 部件”编辑按钮 并选择您喜欢的布局类型 - 您可以在主题网站) 中选择最多 5 个磁贴 (例如,在"展示"网站) 中最多选择 5 个图层 (如下所示。

    Hero 布局选项 Hero 布局选项

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

观看此视频,了解如何操作,或按照视频下面的步骤操作。

你的浏览器不支持视频。
  1. 如果尚未在页面上进入编辑模式,请单击页面右上方的"编辑"。

  2. 单击 编辑详细信息 磁贴或图层右下角的"编辑详细信息"。

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

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

    • 库存图像 库存图像由 Microsoft 提供。 它们的质量很高,大小适合你使用。 如果你是管理员,SharePoint启用一个内容分发网络 (CDN) ,以提高获取图像的性能。

    • Web 搜索:可以从使用 Creative Common 必应查找图像。 在页面上插入图像之前,你负责评审图像的许可。 SharePoint 中Microsoft 365。

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

    • OneDrive:你可以获取存储在文档或图像上的文档或图像OneDrive。 SharePoint 中Microsoft 365。

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

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

    • 从链接:在链接中输入页面、文档或图像的链接OneDrive SharePoint 或Microsoft 365。

      注意: 您的网站外部的链接不会显示美国政府版、GCC DoD 和世纪Office 365运营的图像预览。

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

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

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

  6. 输入 图像的 可选文字。

  7. 在" 选项"下:

    • 可以通过将 切换开关切换到 "是"来显示"行动号召 "链接。 然后添加操作 号召文本 (例如,"了解更多信息") 。 "行动号召"链接可用于分层布局中的每个图层,但仅适用于平铺布局中的最大磁贴。

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

更改图像的焦点

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

  1. 如果尚未在页面上进入编辑模式,请单击页面右上方的"编辑"。

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

  3. 将焦点拖动到图像中需要它的地方。

    焦点

对磁贴或图层重新排序

可以通过将磁贴或图层移动到想要的地方来重新排序它们。

  1. 如果尚未在页面上进入编辑模式,请单击页面右上方的"编辑"。

  2. 单击并按住 "移动项 "按钮,然后将磁贴或图层拖动到想要的地方。

    Hero Move 项

将 Hero Web 部件放在一列中

Hero Web 部件旨在包含页面的完整宽度。 如果更希望"Hero"Web 部件没有全部宽度,可以将其添加到非完整宽度的列中。

观看此视频,了解如何操作,或按照视频下面的步骤操作。

你的浏览器不支持视频。
  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 将鼠标悬停在 Hero Web 部件上方,然后单击 Web部件左侧带圆圈的 +

  3. "节布局"下,选择一列。

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

    "移动 Web 部件"按钮

    移动 Hero

向页面添加空的 Hero Web 部件

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

  1. 如果尚未在页面上进入编辑模式,请单击页面右上方的"编辑"。

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

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

    单击 "+",然后选择 "Hero"Web 部件。

    空状态中的 Hero Web 部件
  3. 单击 Web 部件"编辑 "按钮 “web 部件”编辑按钮 选择想要使用的布局类型 - 可以使用 1 到 5 个平铺的网格,或者使用 1 到 5 个垂直图层。

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

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

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

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

    • Web 搜索:可以从使用 Creative Common 必应查找图像。 在页面上插入图像之前,你负责评审图像的许可。 SharePoint 中Microsoft 365。

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

    • OneDrive:你可以获取存储在文档或图像上的文档或图像OneDrive。 SharePoint 中Microsoft 365。

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

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

    • 从链接:输入页面上的页面、文档或图像的链接,OneDrive SharePoint Microsoft 365。

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

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

  8. 输入 图像的 可选文字。

  9. "选项 (SharePoint "Microsoft 365"下) :

    • 可以通过将 切换开关切换到 "是"来显示"行动号召 "链接。 然后添加操作 号召文本 (例如,"了解更多信息") 。 "行动号召"链接可用于分层布局中的每个图层,但仅适用于平铺布局中的最大磁贴。

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

Hero Web 部件中的图像缩放

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

  • Web 部件设计为适合全出血布局中的屏幕宽度。

  • "平 铺"布局中,将缩放 Web 部件的高度以遵循纵横比 8:3,Web 部件内部的图像缩放为纵横比 4:3。

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

注意: 可以添加视频链接或将视频上传到 Hero Web 部件。 但是,无法在 Web 部件中播放视频。 用户可以单击视频的链接,然后被带至视频播放器或链接源以查看视频。

需要更多帮助?

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

此信息是否有帮助?

×