本指南将向您展示如何使用幻灯片区块将交互式图像幻灯片添加到文章或页面中。
该区块在站点上看起来像这样:
要添加幻灯片区块,请点击 + 区块插入器图标,然后搜索“幻灯片”。点击即可为文章或页面添加该区块。
💡
您还可以使用键盘另起一行输入 /
幻灯片
,然后按下回车,快速添加新的幻灯片区块。
有关更多信息,请访问我们关于添加区块的详细说明。
当您首次添加幻灯片区块时,您可以有两种选项可以选择:上传和选择图像。
使用上传,您可以将计算机中的一张或多张新图像上传到您的网站。
使用选择图像,您可以从自己的媒体库中选择之前已上传的图像,也可以从 Google 相册、Pexels 免费照片或 Openverse 照片库中进行选择。
您可以使用创建的幻灯片下方的上传图像选项,添加其他图像到您的幻灯片:
您可以使用工具栏中的编辑幻灯片按钮来添加或删除图像,或重新排列它们的显示顺序。
这些图像将按照您在编辑幻灯片时选择它们的顺序添加到幻灯片中。您可以使用编辑幻灯片选项对图像重新排序。在编辑幻灯片时,您会在选择图像中看到每张图像旁边都有一个数字。这个数字表示图像在幻灯片区块中出现的顺序。
点击区块后,选项工具栏将在其上方显示:
幻灯片区块的工具栏提供以下选项:
- 更改区块类型。
- 拖动区块。
- 上下移动区块。
- 更改对齐方式。
- 编辑幻灯片。
- 更多选项。
当您点击区块时,您将在右侧边栏中找到其他区块设置。如果您没有看到边栏,您可能需要点击右上角的 ⚙️(齿轮)图标,打开设置。
幻灯片区块有多个设置,您可以在“区块设置”边栏中进行调整。
启用此选项可以使幻灯片自动切换图像。
启用后,幻灯片上会出现一个“暂停”按钮,查看者可以暂停幻灯片。您还可以选择自动切换的延迟(以秒为单位):
在“效果”选项卡中,您可以为幻灯片切换选择滑动特效和淡入淡出效果。
在“图像设置”选项卡中,您可以在缩略图、中、大和全尺寸选项中选择幻灯片区块的图像尺寸。
高级
通过“高级”选项卡,您可以在区块中添加 CSS 类,从而编写自定义 CSS 并根据需要设置区块的样式。