如何在 WordPress 中制作图像轮播？

最后更新 - 2022 年 3 月 8 日

您可能不知道轮播一词，但仍然经常在数字市场中看到它们。 大多数新时代网站都使用图像轮播：滑动图像，包括有关企业提供的产品或服务的简介。 图像会自动旋转并进出视图。

图像轮播有效地让网站访问者保持更长时间，因为滑动图像使他们对企业提供的产品或服务更加好奇。 在某些情况下，图像滑动不是自动的，访问者必须手动旋转图像才能显示下一张幻灯片。

在 WordPress 中制作图像轮播

根据业务基调，图像轮播可以包含一些大胆的陈述，并在没有长篇描述的情况下揭示很多关于业务的信息。 如果您渴望学习如何在您的网站中加入图像轮播，那么您来对地方了。

我们将描述在 word press 中安装 Smart Slider 3 插件的过程。 还有其他几个工具可以完成这项工作，安装过程可能类似于 Smart Slider 3。

在进入教程之前，有一点警告。 如果您在网站上销售产品，那么就转化而言，选择图像轮播可能不是最明智的选择。 但是，如果您正在运行摄影或设计网站并希望它看起来美观，请通读整个博客。

从选择图像尺寸开始

Smart slide 3 将根据所选的演示格式调整 wordpress 中的图像大小。 因此，如果图像很大，该工具会将其缩小，反之亦然。 而且，您可能熟悉，当放大小图像时，质量开始下降。 因此，尽量不要包含小于轮播尺寸的图像。

此外，大图像在轮播中看起来更好，但下载时间也更长。 所以，你必须在质量和大小之间取得平衡，所以它在 Slider 中仍然看起来很棒。

一个小提示：图像轮播水平滑动，因此选择更宽的图像会比方形图像更有吸引力。

安装智能滑块 3

Smart Slider 3 的安装过程对于市场上可用的任何其他工具几乎相同。 要开始，首先，登录您的 word press 管理仪表板。 在左侧，您将看到一个导航面板，其中包含许多不同的选项可供选择。 从选项中，选择插件并单击“添加新”链接。

搜索栏将出现在您的面前。 在其中搜索 Smart Slider 3。 安装插件后，请单击激活选项。

开始图像轮播之旅

Smart Slider 3 使用媒体库中的图像，因此请确保在开始制作 Slider 之前上传一些图像。 您可以通过他们的教程视频更好地了解如何开始选择图像并将它们添加到您的演示文稿格式中。 按下 Smart Slider 3 并获取“Learn Smart Slider 3”介绍视频，该视频提供有关如何使用该工具的深入知识。

您可以借助视频或阅读本文开始。

从菜单中选择基本选项。

• 为您的滑块命名，以便在一次处理多个轮播时更容易找到您的轮播。
• 宽度和尺寸会影响滑块的大小和形状。 忽略选择要配置为占据设备或浏览器的整个宽度的任何像素。
• 选择默认宽度和尺寸会将轮播设置为当前宽度和大小，而选择“全宽”选项将忽略任何尺寸并使轮播围绕窗口的整个宽度旋转。

优化图像后，按“创建”。

将图像添加到滑块

一旦您配置了轮播的默认大小和宽度，下一步显然是用吸引人的图像填充轮播。 为此，请按照以下步骤操作：

• 单击 Smart Slider 3 中的添加幻灯片图像。
• 您将获得为滑块选择图像的选项。 单击该选项。
• 从 wordpress 库中选择图像。
• 轮播然后将呈现选定的图像。 对所选图像感到满意后，单击“发布”部分。

如果您打算在代码中插入滑块，只需从工具中复制 PHP 代码或选择帖子编辑器选项。

当您开始为网站编写新博客时，页面上会出现智能滑块三个选项。 如果您使用的是经典编辑器，请单击智能滑块图标。 现在，选择您之前准备的自定义 Slider，发布帖子后，Slider 将上传到网站并可供访问者查看。

Carousel 将在滑块的两侧向前或向后链接以手动滑动图像。

默认情况下，轮播图像不会自动滑动，但您可以更改它。

轮播图像的自动循环

在 WordPress 管理仪表板中，单击 Smart Slider 3 链接并选择编辑选项。 选择“自动播放”样式，然后按“启用”。 切换之间的默认时间为八秒。 现在从面板右侧的保存按钮保存更新的设置。

使用轮播作为小部件

智能滑块也可以用作 WordPress 滑块图像。 这些滑块可以作为小部件添加到任何地方，例如侧边栏。

• 您将在左侧看到一个导航面板。 单击外观，然后单击“小部件”链接。
• 当您看到“可用小部件”部分时，单击“智能滑块”按钮。
• 选择要显示图像的区域，然后选择“添加小部件”按钮。

图片或无图片是个大问题

网站设计和开发是主观的，其他人可能会觉得有吸引力，有些人可能不会。 它经历了更新和修改的几个阶段，当企业开始将它整合到任何地方时，图像轮播曾经是网站中最受欢迎的需求。

上述讨论提供了在网站上添加图像轮播的分步指导。 该过程并不复杂，需要耐心和专业知识来选择相关图像以提升网站的外观。 轮播对于创意网站来说非常有吸引力，而在电子商务网站中则没有帮助。

因此，下次您计划在滑块中添加生动的图像时，请考虑评估它是否会为网站增加价值或在很大程度上影响转化率。

进一步阅读

• 如何优化产品图片尺寸？
• WooCommerce 的最佳图像缩放插件
• 改善图像的智能提示