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

注意: 

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

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

目录

通信网站中的 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 布局选项

更改图像的焦点

在 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 部件中播放视频。 用户可以单击视频的链接,然后被带至视频播放器或链接源以查看视频。

Need more help?

Expand your skills
Explore Training
Get new features first
Join Microsoft Office Insiders

Was this information helpful?

How satisfied are you with the translation quality?
What affected your experience?

Thank you for your feedback!

×