从滑块革命转向智能滑块 3

已发表: 2023-06-08

对于制作滑块,两个备受推崇的插件是 Smart Slider 和 Slider Revolution。 它们都非常强大,可以让你制作出令人惊叹的滑块。 另一方面,您可以决定切换到智能滑块。 这会提示询问如何从 Slider Revolution 切换。

让滑块工作的最快方法是什么?

我怎样才能摆脱滑块革命?

在开始传输过程之前,了解 Smart Slider 和 Slider Revolution 之间的主要区别至关重要。 您工作的“级别”是两个插件之间最重要的差异之一。 仪表板和幻灯片编辑器是 Slider Revolution 的两层。

您创建的每个模块都显示在仪表板上。 可以选择任何模块来访问其配置。 在一个屏幕上,一切都在发生。 您修改层的右侧面板也是您可以设置模块的地方,包括其大小和布局。

三层组成了智能滑块——仪表板是您可以看到您制作的滑块的第一个地方。 访问任何滑块后,您将到达滑块设置页面。 在这里,您可以通过更改其尺寸、设计或控件来自定义滑块。

您的幻灯片列表位于本页顶部。 您需要先访问幻灯片编辑器才能使用图层。 通过单击任何一张幻灯片,您可以做到这一点。 您可以在此处更改幻灯片的背景。 在此页面上,您还可以添加和修改图层配置。

这两个插件之间存在显着差异,尽管它们都提供许多相同的功能。

例如,它们的用户界面非常不同,因此很难在它们之间导航。 我将在本指南中介绍两个插件之间最显着的区别,以便您可以开始构建滑块。

在这篇博客中,我们将介绍这些给定的要点

  • 智能滑块能自动识别滑块旋转中的滑块吗?
  • 您的第一个滑块创建
  • 如何构建滑块?
  • 如何更改滑块大小?
  • 更改滑块布局和类型
  • 激活和自定义自动播放
  • 智能滑块如何处理图层?
  • 最常用的图层
  • layer是怎么设计的?
  • 在图层中添加动画
  • 将滑块放在网站上
智能滑块能自动识别滑块旋转中的滑块吗?

每个插件都有处理和存储数据的独特方法。 因此,您在一个插件中制作的滑块将不会被 Smart Slider 或 Revolution Slider 识别。

不幸的是,手动移动 Slider Revolution 滑块不是一种选择。 为了在 Smart Slider 中使用您之前在 Revolution Slider 中生成的滑块,您必须重新构造它们。

您的第一个滑块创建

制作滑块是滑块程序最重要的工作之一。 不过,每个滑块插件都有一些不同的确切过程。 例如,在构建滑块之前,他们可以请求更多信息(例如名称或某些尺寸)。 或者,他们可以只使用默认设置而不问任何问题。

如何构建滑块?

要开始在 Smart Slider 中构建滑块,请单击“新建项目”图标。 然后,该插件会提示您在从头开始还是导入模板之间进行选择。 如果您选择从头开始,则必须决定要制作哪种滑块。 例如,您必须决定滑块的类型、大小和布局。

Simple slider、Block、Showcase 和 Carousel 是 Smart Slider 提供的四种滑块类型。 Slider Revolution 中的 Slider 类型等同于 Simple 类型。 块和场景是相同的。 Showcase 就是 Smart Slider 所说的 Revolution Slider 中的 Carousel。

Smart Slider 使用的 Carousel 类型与 Showcase 类型相当。 主要区别在于它只能显示未裁剪的幻灯片。 它还能够显示偶数张幻灯片。

(图像 - 旋转木马和单个滑块图像)

如何更改滑块大小?

在创建新滑块之前,Smart Slider 会提示您指定其大小。 如有必要,您可以随时在滑块设置大小选项卡下进行调整。

更改滑块布局和类型

在生成滑块之前,Smart Slider 会提示您选择其类型和布局。 如果您做出错误的选择/改变主意,您可以选择稍后更改它们。

导航到“滑块设置大小”选项卡以修改滑块的布局。 如果您需要不同的滑块类型,请在滑块操作更改滑块类型下更改滑块类型。

(带有布局的图像滑块)

激活和自定义自动播放

默认情况下,Smart Slider 不启用自动播放功能。 如果您希望滑块自动旋转,则必须在滑块选项自动播放下启用自动播放。 在这里,您可以选择暂停和恢复幻灯片的操作及其持续时间。

智能滑块如何处理图层?

您可以用类似于图片编辑器的方式在 Slider Revolution 中操纵图层。 图层可以在画布上随意移动。 但是Smart Slider 包含一种特殊的编辑模式,我们称之为默认放置。 通过此编辑,您可以像使用页面构建器一样操作图层。

假设您希望将幻灯片中间的五个级别转移到左侧。 Slider Revolution 中的图层必须一次移动一个。 此外,您必须注意防止对您选择的距离进行任何更改。

使用 Smart Slider 整个过程要容易得多。 您可以修改每个层的父元素的内部对齐方式,而不是单独移动每个层。 结果,所有层都向左滑动而不必相互接触。 此外,每个间距将是恒定的。

最常用的图层

可以在智能滑块中找到单独的标题和文本层。 可以使用标题层创建 h1-h6 标题或 div。

视频层是另一个关键区别。 Slider Revolution 中存在一个视频层。 您可以选择是否在此层显示 HTML、YouTube 或 Vimeo 视频。 但是,每个视频在智能滑块中都有自己的图层。 因此,如果要显示 YouTube 视频,必须添加 YouTube 层。

layer是怎么设计的?

通过在图层窗口中选择自定义选项卡,您可以自定义图层。 您可以在此处选择消息的颜色、字体系列、大小和粗细。 您还可以选择背景颜色以提高易读性。 在创建按钮以产生圆角时,您还可以在“样式”菜单中设置边框半径选项。

在图层中添加动画

Smart Slider 中的每一层都可以添加一个层动画。 转到图层窗口的动画选项卡以将动画添加到您的图层。

每个图层可以添加三种不同的动画:

In –使图层显示在幻灯片上的动画。
循环——这个动作是连续的。 例如,您可以使用它来旋转图像。
Out –层被此动画“隐藏”,使其不可见。

将滑块放在网站上

剩下要做的就是在完成创建后发布滑块。 您的滑块简码或古腾堡模块可用于发布它。 滑块的短代码位于滑块设置窗口的常规选项卡中。

一些最受欢迎的页面构建器,例如 Divi 或 Elementor,也有一个 Smart Slider 插件。 当您离开 Slider Revolution 时,请小心地将所有旧滑块换成新滑块。

结论

出色的滑块制作工具包括 Smart Slider 和 Slider Revolution。 但它们在用户界面、功能的名称和位置以及其他因素方面存在很大差异。

手动转换滑块是一项艰巨且具有挑战性的工作。 希望本说明能让您更轻松地从 Revolution Slider 切换。