你可能知道 滑块革命,它是CodeCanyon上下载次数最多的高级WordPress插件之一。 对于想要添加广告的人也最推荐 滑块(幻灯片) 在他们的网站上或 WordPress博客.

这是一个可用的插件 CodeCanyon.com。 记住,我们向您介绍了 在此平台上下载插件.

所以第一件事是 下载,安装并激活它。

如果您从未安装过后者,请查找 如何在WordPress上安装Revolution Slider。你也可以 发现其他详细而完整的教程。

推荐。

如何配置 滑块 革命

Slider Revolution提供基本设置。 您必须先通过菜单“ 滑块革命 »安装并激活插件后,可在仪表板的左侧菜单中找到。

access revolution slider.jpg

这会将您重定向到Slider Revolution插件仪表板。 然后,我们将配置插件。 然后,您必须点击链接“ 常规设置 位于“滑块革命”子菜单中。

一般参数解析度slide.jpg

单击它将带您进入新页面。 此页面包含一些选项,包括:

  • 具有访问权限的角色 查看插件许可 »
  • 随处加载插件资源” on 或仅在使用它的页面上。 在您的所有网页上加载资源可能会降低您的网站速度。
  • 您还可以通过在“ 页来RevSlider包括:库 “。
  • 为了获得更好的呈现效果,您可以在页面显示后选择“ 插图的JavaScript到页脚 “。
  • 您可以激活用于导出要在其他几个网站上使用的滑块数据的选项。
  • 最后一个选项涉及滑块活动报告。

设置旋转滑块常规参数.jpg

默认设置是可以接受的。 但是您可以根据需要自定义它们。 别忘了点击“ 保存设置 »保存设置。

返回« 滑块革命 因为现在我们要创建一个新的滑块。

配置 WordPress Slider Revolution 插件

如何使用Revolution Slider插件创建滑块

Revolution Slider非常灵活,几乎可以适应任何类型的滑块,从最简单到最复杂的层(这是一个非常有趣的功能).

在新页面上,您会注意到有两个主要列。 该页面必须被视为新滑块的设置页面。 无法从此位置添加图像和文本。 但是,我们将修改滑块的某些设置。

发现我们的 10最好的高级WordPress插件,可在您的博客上创建滑块

在“ Param滑块”部分

我们有几个必填字段,必须填写,包括:

  • 标题
  • 将在简码上使用的别名。 您必须提供一个别名。

title shortcode revolution slider.jpg

有几种类型的滑块可实现 滑块 革命:

  • 您可以选择将文章显示为幻灯片,特别是通过定义结果的限制,修改显示顺序,选择模板等来选择。
  • 选择特定的文章,并指定其标识符
  • 选择滑块的画廊模式,这将使我们能够创建更复杂,更漂亮的幻灯片。

滑块旋转类型选择slider.jpg

以下选项使您可以修改滑块的布局:固定,个性化,自动响应,全屏。 除了这些选项之外,还有那些用于网格大小和布局尺寸的选项。

尺寸配置革命slider.jpg

这些是第一列中的选项。 第二列提供了其他几个选项。 其中包括:每张幻灯片的持续时间,默认为9秒。

随机显示(随机模式)

常规参数

布局和视觉部分

本节对“外观”子选项卡中的阴影、背景的配置选项进行分组。 您还将找到一个“微调器”选项卡,它允许您在加载滑块时修改动画,“移动”选项卡允许您确定滑块在移动设备上的显示方式以及“位置”选项卡,它允许您配置滑块相对于内容的位置。

布局和视觉革命slider.jpg

导航部分

导航选项卡细分为几个子选项卡,允许您配置滑块导航的各个方面。 例如,您将拥有“箭头”选项卡,它允许您选择滑块之间的导航按钮类型(您可以激活或不激活箭头)。 使用“项目符号”选项卡,您还可以配置导航项目符号,“选项卡”选项卡将添加选项卡滑块效果等。

导航标签革命slider.jpg

组态“常规参数”动画条件

在幻灯片上提供选项,例如,您可以定义在特定幻灯片“ 停止循环后 »或选择滑动条的位置(进度条可让您查看幻灯片显示之前需要多长时间).

配置动画滑块革命slider.jpg

这些是插件的第一部分,也是您最常使用的部分。 您可以使用更多选项向滑块添加更多功能.

发现 如何使用WPBakery创建Pro网页 并添加一个漂亮的滑块。

完成后,使用“ 保存设置 “。

注册滑块革命sliders.jpg

点击“ 保存设置 »,您将被重定向到滑块创建界面。 这将创建一个空的默认滑块。

滑块创建interface.jpg

如何将新幻灯片添加到滑块

如果您不记得这是什么,在上一篇文章中,我定义了一组WordPress技术术语,包括 « 滑块“和”幻灯片 ».

在用于修改滑块选项的界面之前,默认情况下,您会看到一个包含3个区域的区域,在该区域中您将找到最后一个标签为“ 添加幻灯片”。 将鼠标放在其上,它将显示其他选项。 选择添加空幻灯片。

将滑块添加到slider.jpg

雷马克 :您创建的任何新幻灯片都将添加到此栏中。 创建的每个幻灯片都会为您提供其他管理选项:“删除”,“复制”,“添加到模板”。

滑块的界面包括:

  • 高级幻灯片选项
  • 从滑块设计界面(创建界面)

高级选项界面

这些选项组织在几个不同的选项卡中。 主背景部分允许您配置影响幻灯片背景的不同方面。 例如,您可以选择使用 YouTube 视频作为背景。

背景视频革命slide.jpg

“常规参数”选项卡允许您配置元素,例如幻灯片的持续时间,各种事件,这些事件将导致幻灯片暂停(停止动画)。

常规参数Revolution slide.jpg

缩略图选项卡允许您选择所创建幻灯片的预览。 如果您的滑块提供幻灯片预览,则将使用此选项。 

创造小插图革命slider.jpg

幻灯片动画选项卡允许您定义幻灯片的进入和退出动画。 在可用选项中,您有多种选择。

选择动画幻灯片slider.jpg

链接和搜索引擎优化选项卡允许您修改幻灯片的一些HTML属性。 原则上,您将不需要经常使用此选项卡。

Revolution Slider设计界面

设计界面是您进行排版的分阶段位置。 它由一个由白色和灰色正方形组成的表面组成,构成了工作上层(放置不同元素的位置)。

界面设计革命slider.jpg

有关图层的知识(图层)

放置在合成界面上的每个对象构成一个层。 这些图层可以相互叠加,就像草图一样。 因此,图层可以由图像、html 代码、视频、形状、对象等组成。 您可以添加一个悬停在“添加图层”按钮上的图层,该按钮为您提供更多选项。

浏览图层革命slider.jpg

如果单击“文本/ html”,则会在设计界面上添加一个您可以自定义的文本区域(添加文本,更改字体或移动)。

添加文字革命slider.gif

每个添加的层可以提供不同的选项。 通常要访问层的选项,只需双击它即可。 现在,我们将添加一个图像。

添加图像革命slider.gif

每层都有其自己的选项。 这些选项是位于设计界面正上方的栏。

图层旋转选项slider.jpg

这些选项卡提供高级选项。 例如,如果要更改图层的动画,则必须转到“动画”选项卡,然后选择输入和输出动画,如下所示。

为layer.gif选择一个动画

每个选项卡都有自己的选项。 花几分钟时间,您将能够了解大多数标签的工作原理。

这就是关于配置的所有知识 WordPress插件 滑块革命开始。 我们稍后会回来向您展示更高级的技术。

但在我们离开您之前,我们想为您提供另外 2 种高级替代品,旨在帮助您在网站上创建滑块。

1。 RoyalSlider

Royal Coder是CodeCanyon上下载次数最多的滑块,具有不可抗拒的功能。 该插件已被可口可乐,拉尔夫·劳伦和路虎等众多公司所使用,几乎可以满足您对滑块的所有期望。 最吸引人的功能是本机全屏支持。

适用于Wordpress的Royalslider触摸内容滑块

非常适合显示高分辨率照片。 这个插件肯定会以其专业的功能给您的访问者留下深刻印象。 我们将拥有的功能包括:每页创建多个具有不同样式的滑块的可能性、支持触觉导航、响应式设计、垂直或水平微型 A、用于导航的项目符号或选项卡等等。

下载 | 演示 | 虚拟主机

2. . WP Slick Slider 和 Image Carousel Pro

如果您是续集的无条件追随者 可视化编辑器,则需要考虑使用WP Slick Slider插件。 使用几乎100个预定义的模板,您无需编码就可以找到所需的内容。WP光滑滑块和图像轮播Pro

这是一个非常认真的选择,尤其是对于 视觉作曲家-WPBakery -.

其特点包括:具有拖放功能的ise全响应页面,c短代码生成器,支持RTL和多语言非常漂亮的设计,和 更多。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

我们希望本文能帮助您设置 WordPress插件 高级滑块革命。 如果您有任何问题,请不要犹豫,将它们留在该部分 评论. 如果您喜欢这篇文章,请在其他文章上分享 社交网络