返回到支持 内容和媒体 区块 幻灯片区块

幻灯片区块

本指南将向您展示如何使用幻灯片区块将交互式图像幻灯片添加到文章或页面中。

该区块在站点上看起来像这样:

添加幻灯片区块

要添加幻灯片区块,请点击 + 区块插入器图标,然后搜索“幻灯片”。点击即可为文章或页面添加该区块。

屏幕截图显示了如何使用区块编辑器左上角的“+ 区块插入器”按钮添加幻灯片区块。
添加新的区块然后搜索幻灯片

💡

您还可以使用键盘另起一行输入 /幻灯片 ,然后按下回车,快速添加新的幻灯片区块

屏幕截图显示了如何在主编辑器区域的新区块中输入“/”和“幻灯片”来添加幻灯片区块。
在新的区块中输入“/幻灯片”。

有关更多信息,请访问我们关于添加区块的详细说明。

添加图像

当您首次添加幻灯片区块时,您可以有两种选项可以选择:上传选择图像

如何从媒体库、Google 相册、Pexels 免费照片或幻灯片区块上的 Openverse 图像上传或添加图像的示例。
在幻灯片区块中上传或选择图像。

使用上传,您可以将计算机中的一张或多张新图像上传到您的网站。

使用选择图像,您可以从自己的媒体库中选择之前已上传的图像,也可以从 Google 相册Pexels 免费照片Openverse 照片库中进行选择。

添加其他图像

您可以使用创建的幻灯片下方的上传图像选项,添加其他图像到您的幻灯片:

显示借助“上传图像”选项向幻灯片添加其他图像的屏幕截图。
向幻灯片添加其他图像。

编辑幻灯片

您可以使用工具栏中的编辑幻灯片按钮来添加或删除图像,或重新排列它们的显示顺序。

显示幻灯片区块工具栏上的“编辑幻灯片”选项的屏幕截图。
区块工具栏上的“编辑幻灯片”按钮。

对图像重新排序

这些图像将按照您在编辑幻灯片时选择它们的顺序添加到幻灯片中。您可以使用编辑幻灯片选项对图像重新排序。在编辑幻灯片时,您会在选择图像中看到每张图像旁边都有一个数字。这个数字表示图像在幻灯片区块中出现的顺序。

对幻灯片区块上的图像重新排序。

区块工具栏

点击区块后,选项工具栏将在其上方显示:

显示幻灯片区块工具栏的屏幕截图
幻灯片区块工具栏

幻灯片区块的工具栏提供以下选项:

区块设置

当您点击区块时,您将在右侧边栏中找到其他区块设置。如果您没有看到边栏,您可能需要点击右上角的 ⚙️(齿轮)图标,打开设置。

显示右侧边栏中幻灯片区块设置的屏幕截图。
点击 ⚙️ 图标,打开区块设置

幻灯片区块有多个设置,您可以在“区块设置”边栏中进行调整。

幻灯片区块设置
自动播放

启用此选项可以使幻灯片自动切换图像。

启用后,幻灯片上会出现一个“暂停”按钮,查看者可以暂停幻灯片。您还可以选择自动切换的延迟(以秒为单位):

显示使用幻灯片区块上的“自动播放”切换按钮和“暂停”按钮以设置切换之间延迟的屏幕截图。
支持自动播放的幻灯片区块上的“暂停”按钮。
效果

在“效果”选项卡中,您可以为幻灯片切换选择滑动特效和淡入淡出效果。

显示幻灯片区块上的滑动特效和淡入淡出效果的屏幕截图。
幻灯片区块上的切换效果。
图像设置

在“图像设置”选项卡中,您可以在缩略图、中、大和全尺寸选项中选择幻灯片区块的图像尺寸。

显示幻灯片区块上的图像设置的屏幕截图。
幻灯片区块上的图像尺寸。
高级

高级

通过“高级”选项卡,您可以在区块中添加 CSS 类,从而编写自定义 CSS 并根据需要设置区块的样式。

在“高级”区域中向区块添加 CSS 类。
在“高级”区域中向区块添加 CSS 类。
Copied to clipboard!