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