使用英雄 web 部件

注意:  我们希望能够尽快以你的语言为你提供最新的帮助内容。 本页面是自动翻译的,可能包含语法错误或不准确之处。我们的目的是使此内容能对你有所帮助。可以在本页面底部告诉我们此信息是否对你有帮助吗? 请在此处查看本文的 英文版本 以便参考。

将焦点和视觉效果到及男主角页面 web 部件。您可以在英雄 web 部件中显示最多五个项目并用于极具吸引力的图像、 文本和链接注意力吸引到每个。默认情况下通信网站上包括英雄 web 部件,但您可以将英雄 web 部件添加到其他页面。

注意: 

  • 参加面向发布计划的组织,逐渐引入了一些功能。这意味着您看不到此功能,或者它可能看起来不同于帮助文章中的描述。

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

内容

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

当您创建通信网站时,英雄 web 部件默认包含您的页面上。它是预先填充的默认图像、 文本和更改以展示您自己的图像、 文本、 页面、 链接或文档的链接。

选择主题中的所需的通信网站类型时,默认英雄是与五个图块 (它可以更改为从 1 到 5) 平铺的布局:

英雄通信网站上的 web 部件

当您选择Showcase通信网站所需的类型时,默认英雄是与 (它可以更改为从 1 到 5 个图层) 的三个图层的垂直布局:

展示英雄

您可以从网格到垂直的图层使用编辑 web 部件按钮 Web 部件编辑按钮 ,更改英雄 web 部件的布局和您可以更改的链接、 图像和文本的每个图块或图层对于每个使用 编辑详细信息 编辑详细信息按钮平铺或图层。

编辑英雄按钮

1.编辑 web 部件按钮

2.编辑详细信息按钮

更改英雄 web 部件的布局

  1. 如果您已不在编辑模式下您的页面上,单击编辑的在页面右上角。

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

    英雄布局选项 英雄布局选项

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

  1. 如果您已不在编辑模式下您的页面上,单击编辑的在页面右上角。

  2. 单击您想要更改的图层的图块的底部右侧的编辑详细信息 编辑详细信息

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

    • 最近: 如果您最近打开的图像、 网页或文档您将找到它们在此处列出。

    • Web 搜索: 您可以查找图像从必应利用创意常见的许可证。您有责任审阅之前将其插入您的页面上图像的许可。

    • OneDrive: 您可以获取链接的文档或已存储在 OneDrive 的图像。

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

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

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

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

  5. 在工具箱,在图像下选择自定义图像仅颜色仅颜色是可用只针对图块布局和颜色对应于您的网站的主题颜色)。

    自动选中选项如果可用,自动将图像选择从页面或要链接到的文档。

  6. 输入图像的可选文字

  7. 在下选项:

    • 您可以通过切换切换为中显示操作链接到呼叫。然后添加您拨操作文本(例如,"了解详细信息")。操作链接到该呼叫是可用于在分层布局中,每个图层但仅用于平铺布局中的最大图块。

    • 对于分层布局,您可以通过主题标题切换开关显示每个图层的主题标题。然后添加主题标题文本

重新排列图块或图层

您可以通过重新排列图块或图层移动它们所需位置。

  1. 如果您已不在编辑模式下您的页面上,单击编辑的在页面右上角。

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

    英雄移动项目

将一列中的英雄 web 部件

英雄 web 部件旨在占据整个页面的宽度。如果您希望而英雄 web 部件不占用的全宽,您可以添加一列,该列的英雄 web 部件页上,并将。

  1. 如果您已不在编辑模式下,单击编辑的顶部页面右上角。

  2. 将鼠标指针悬停上方英雄 web 部件中,将鼠标,您将看到一行带圆圈+,如下所示:

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

  3. 单击 带圆圈的加号用于向页面添加新式 Web 部件

  4. 布局部分中,选择一列。

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

    移动 web 部件按钮

    移动英雄

向页面添加一个空的英雄 web 部件

您可以向工作组网站通信网站中的页面添加英雄 web 部件。若要此操作:

  1. 如果您已不在编辑模式下您的页面上,单击编辑的在页面右上角。

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

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

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

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

  4. 为您想要更改的每个图块,单击选择链接

  5. 工具箱中的每个图块,单击选择,然后选择从中获取您的链接的位置:

    • 最近: 如果您最近打开的图像、 网页或文档您将找到它们在此处列出。

    • Web 搜索: 您可以查找图像从必应利用创意常见的许可证。您有责任审阅之前将其插入您的页面上图像的许可。

    • OneDrive: 您可以获取链接的文档或已存储在 OneDrive 的图像。

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

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

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

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

  7. 在工具箱,在图像下选择自定义图像仅颜色自动选中选项如果可用,自动将图像选择从页面或要链接到的文档。可用的图块布局,只需仅颜色和对应于您的网站的主题颜色的颜色。

  8. 输入图像的可选文字

  9. 选项

    • 您可以通过切换切换为中显示操作链接到呼叫。然后添加您拨操作文本(例如,"了解详细信息")。操作链接到该呼叫是可用于在分层布局中,每个图层但仅用于平铺布局中的最大图块。

    • 对于分层布局,您可以通过主题标题切换开关显示每个图层的主题标题。然后添加主题标题文本

缩放英雄 web 部件中的图像

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

  • 设计 web 部件以适应屏幕宽度的全出血布局。

  • 图块版式中,将 web 部件的高度缩放到 4:3 纵横比关注 8:3 和 web 部件刻度内的图像的纵横比。

  • 图层版式中,各个图层缩放为 8:3,并为 9:16 附近纵横比每个图层刻度内的图像的纵横比。

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

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

此信息是否有帮助?

谢谢您的反馈!

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

×