简介
让我们探索如何使用插件创建轮播滑块。网页轮播通常是一种优雅的方式，可以将相关内容分组或组织到一个空间中，从而在相关信息之间建立视觉联系。
插件
插件目录中有多种滑块插件可用，例如 MetaSlider、Smart Slider 3 和 Carousel Slider Block for Gutenberg。请注意，我们不推荐使用任何提到的插件。它们旨在说明用户可能使用的潜在选项。
MetaSlider
如果您使用 MetaSlider 这样的插件，您需要进入插件，点击“添加新”、“添加幻灯片”，然后从媒体库中选择相关图片。添加幻灯片后，有多种选项可供选择：移动选项、高级选项、无障碍选项，甚至开发者选项。
Carousel Slider Block for Gutenberg
在本节中，我将简要展示如何使用 Carousel Slider Block for Gutenberg 插件，因为您可以将其作为区块添加，并且它支持向幻灯片中添加其他区块。而且它与 WooCommerce 兼容。安装并激活插件后，您可以打开一个页面或文章。要添加区块，我将输入 /slider 并选择轮播滑块，然后我们可以在其中开始添加区块。在这个例子中，我将添加 3 个图片区块。插入后，您可以像修改其他区块一样修改它。让我们继续打开列表视图，选择父区块，然后将对齐方式更改为宽宽度。然后，我们可以进入侧边栏设置，调整要显示的幻灯片数量。在下方，您可以选择一次滚动多少张幻灯片以及幻灯片动画速度。在底部，箭头和点导航已启用。
还建议避免自动滚动和自动播放，以便让您的受众有更多控制权，并避免任何无障碍问题。如果滑块自动播放，应该有一个暂停控件。如果您想知道，WordPress 中的 RTL 指的是对从右到左书写的语言的支持。在响应式设置下方，您可以添加一个断点，并决定当达到该屏幕尺寸时要显示多少张幻灯片。当您选择一个图片区块时，您可以设置宽高比，以确保所有图片显示为相同大小。然后我们可以在前端查看效果。
如前所述，此区块允许您添加图片区块以及其他区块。因此，在这个例子中，我添加了一个封面区块，并在封面区块内添加了标题区块、间隔区块和按钮区块。我还决定选择父区块，并将显示的幻灯片数量更改为一。
无障碍
在结束之前，我想指出滑块有时可能会导致无障碍问题。因此，为图片添加替代文本非常重要，这样您使用的滑块可以通过键盘操作并与屏幕阅读器交互。我将在本视频下方添加一个关于无障碍滑块要求的链接。
结论
祝您创作愉快，并明智地使用滑块。