Slick Slider 插件的 10 个最佳实践

滑块插件提供更动态的外观，主要是轻松访问您的网站。 您可以使用 WordPress Slick Slider 制作高度自定义的响应式图像滑块。 Slick Slider WordPress 插件具有无限循环、滑动支持和完全响应能力。

有几个在您的网站上设置光滑/图像滑块之前需要考虑的事项. 放错位置或设置不当的滑块不仅会被忽略； 事实上，它会影响 SEO 并惹恼用户。 这并不是说它们是负面的，只是您应该确保正确设置它们，就像您使用任何其他 WordPress 功能或插件一样。

使用滑块插件时要遵循的 10 个最佳实践

1.简单是最好的

重要的是您的演示文稿要清晰、简洁、切题，尤其是在启用自动播放的情况下。 选择清晰、整洁的图像而不是杂乱无章的图像，除非您将滑块用作艺术品或摄影的画廊。

2 . 不要将 Tt 创建为商业广告

由于侵入性广告，许多人都经历过“横幅失明”； 这种情况会影响放置不当的滑块。 避免使用广告商的任何设计建议，尤其是最烦人的广告所使用的策略。

诸如闪光灯、响亮的平面颜色、冲击力和其他类似字体等无用的策略是不可接受的。 您的轮播应该看起来自然并且适合网站，即使它是在促销或销售产品。 您可能希望人们注意到您的滑块，但这些霸道的策略可能会产生相反的效果。

3 . 使您的滑块相关且有用

您添加的每个滑块都应该有不同的用途 -

• 它会展示你的摄影作品吗？
• 将访问者指向网站的特定区域？
• 描述您网站的重点。
• 尝试推销产品？
• 用户的兴趣？

现在将您的轮播放置在它们所属的位置。 确定滑块是否被记住的关键因素之一是它的位置。 确保它没有隐藏在您网站的文本中或随意放置。 它必须有策略地放置在明显的位置，例如在侧边栏中、页面顶部附近或博客文章下方。 滑块甚至可以在页脚中看起来很棒。

4.延长轮换间隔

如果您的设计需要自动播放，请确保幻灯片平滑过渡，尤其是当幻灯片上有文字时。 当滑块在您准备好之前向前移动时，这很烦人。 优化慢速阅读； 一个缓慢的、经过深思熟虑的轮播比将尽可能多的幻灯片塞进 10 秒的轮播更可取。

5.增强导航选择

没有什么比单击导航箭头并让幻灯片立即前进更不方便的了，这需要您跳过一张幻灯片。 许多人假设在悬停或导航时会暂停。 对于您设计的大部分轮播，应该启用自言自语滑块的这一功能。 如果您决定启用自动播放，则这是必要的。

6.慎重选择幻灯片顺序

永远不要假定访问者会留下来观看所有幻灯片。 应仔细考虑顺序。 如果您无法在前几张幻灯片中吸​​引用户的注意力和参与度，至少要确保您表达了自己的观点。

但这并不能成为降低其他幻灯片影响力的理由。 观众选择查看的任何幻灯片都应该实现以下目标之一——讨论您的业务、展示令人惊叹的照片等。

7. 反应能力是关键

如果您使用滑块插件，您很可能不必担心响应速度。 不过，这部分是必不可少的。 通过测试确保您的文本和图形在所有设备上都显示出色。 通道改变按钮大小，更换模糊的照片，或创建令人惊叹的移动滑块所需的一切。

确保滑动也已打开。 如果像滑块这样的功能没有像他们期望的那样响应滑动手势，智能手机消费者将会感到恼火。

8.制作出色的滑块英雄形象

用动画滑块替换“英雄形象”或着陆页上描述您网站内容的横幅作为一种创意策略。 这种方法有优点也有缺点。 轮播可以和典型的英雄形象一样强大，但必须谨慎使用。

如果您选择在主页上包含一个滑块，请记住全新的访问者只有一个问题 -

这个网站的目的是什么？ 每张幻灯片都应自行响应此查询，而无需参考任何其他幻灯片。

9.设计无障碍空间

滑块的设计应考虑到可访问性，就像您网站的其余部分一样。 它有助于残障人士的行动，通常可以提升 SEO。

启用键盘控制、避免在特定情况下自动滚动或暂停以及确保文本具有足够的对比度是智能无障碍设计的一些示例。

10. 创建有用的幻灯片

滑块的黄金法则是它们必须易于使用并且不应激怒用户。 可以通过多种方式使轮播更易于访问，从仔细调整幻灯片旋转时间到针对大量移动观众进行优化。

结论

现在您可以打算为您的网站使用一个有用、实用且有趣的滑块。 我们希望您会发现本指南对您未来的网页设计项目有用。
要在您的网站上试用滑块，您必须下载Slick Slider Plugin启动所有这些最佳实践并以最时尚的方式自定义您的网站。

其他相关文章：

创建有效的 Slick Slider 之前的清单
使用图像滑块提高转换率的 8 个最佳实践
6 个必备的 WordPress 网站响应式图片滑块和图片库插件