如何使用适用于WordPress的Slider Revolution插件

时间:2024-04-02 10:46:51

在本文中,我们将回顾Slider Revolution Responsive WordPress插件,该插件可让您在WordPress网站上创建丰富而动态的内容。 不仅仅是滑块:它还允许您使用丰富的内置编辑器来构建轮播,内容模块和功能完善的网站!

如今,滑块和轮播是任何网站的重要组成部分。 具体来说,在推销新想法或广告活动时,滑块是突出显示新想法或吸引新访客的最佳方法之一。 作为WordPress网站所有者,您希望拥有一个插件,该插件可让您轻松创建高质量的滑块和轮播。

有数千种扩展程序和脚本可用于在WordPress网站上创建滑块和轮播。 当然,您还将找到提供现成的功能和扩展支持的商业选项。 对于商业选项,您还应该期待高质量的代码,错误修复和新的增强功能。

  • 如何使用适用于WordPress的Slider Revolution插件

    如何使用免费插件将滑块添加到WordPress

  • 如何使用适用于WordPress的Slider Revolution插件

    是什么使Slider Revolution成为最好的WordPress Slider插件?

  • 如何使用适用于WordPress的Slider Revolution插件

    为WordPress创建图像滑块的最佳方法

今天,我们将讨论CodeCanyon提供的Slider Revolution Responsive WordPress插件 ,价格非常合理,尤其是考虑到它提供的功能数量。 它使您可以创建非常高质量的Web内容:滑块,轮播,英雄标题等等。 它还带有一个强大的内置可视编辑器,使您可以立即创建功能完善的网站。 考虑到它提供的功能,它是网站构建者的必备工具!

让我们快速浏览一下Slider Revolution带来的重要功能:

  • 新的视觉编辑器
  • 媒体资产库
  • 200多个模板
  • 20多个附加组件
  • 滑块,轮播,英雄标题和内容模块
  • 附加组件提供特殊的FX支持
  • 支持定制
  • 还有很多

Slider Revolution插件提供了许多有用的功能,使您可以轻松快捷地在WordPress网站上设置现代设计。 在本教程的整个过程中,我们将探索该工具提供的不同功能。 我们还将经历从头开始创建新滑块的过程。

  • 如何使用适用于WordPress的Slider Revolution插件

    是什么使Slider Revolution成为最好的WordPress Slider插件?

  • 如何使用适用于WordPress的Slider Revolution插件

    为什么要为WordPress网站使用Slider Revolution

首先,我们将了解如何从CodeCanyon市场下载和安装插件。

安装和购买代码注册

从本节中,我们将了解从CodeCanyon购买并下载后,如何安装和配置Slider Revolution Responsive WordPress插件。 在本文中,我使用了WordPress 5.2.3,而Slider Revolution Responsive WordPress插件版本为6.1.2。 我建议您安装它,如果您想跟随这篇文章。

购买此插件后,即可下载revslider.zip文件。 这是WordPress插件文件,可用于从WordPress管理端安装此插件。 因此,继续并遵循标准的WordPress插件安装过程,您几乎完成了。

接下来,我们需要注册插件的购买代码,并且应该解锁对以下内容的访问:

  • 200多个高级模板
  • 25个以上的附加插件
  • 2500多种免费图片,视频和图标
  • 100多种预制层和动画
  • 即时插件更新
  • 高级票务支持

首先,您需要从codecanyon.net/downloads部分检索购买代码。 单击下载>许可证证书链接,这将为您提供一个文本文件,其中应包含商品购买代码。

获得购买代码后,单击WordPress网站管理员侧边栏中的Slider Revolution链接,它应显示插件仪表板页面。 在此页面上,单击“ **”链接,然后输入并注册您的代码。 这样,您就可以释放Slider Revolution的全部功能。

如何使用Slider Revolution响应式WordPress插件?

在本节中,我们将简要讨论使用该插件的可能方式。 Slider Revolution Responsive WordPress插件主要用于在WordPress网站上创建三种类型的内容:滑块,场景和轮播。

让我们快速浏览每种类型以了解它们之间的区别。

滑杆

通常,滑块由多个图像或幻灯片组成。 每张幻灯片都有自己的内容,用户可以使用导航元素在不同的幻灯片之间导航。

在此插件的上下文中,幻灯片不仅是图像,还可以是任何东西:文本,图像,视频,音频或其他内容。 实际上,Slider Revolution允许您在幻灯片中创建不同的图层以添加不同的元素。 如果您使用过Adobe Photoshop或类似软件,则知道此功能的重要性和实用性。 实际上,当您打开幻灯片编辑UI时,很难相信它是基于Web的UI。 感觉就像使用专业的图像编辑软件来创建内容一样!

现场

用此插件的术语来说,场景只是另一种滑块,但只有一个滑块。 因此,它没有像滑块这样的导航元素,它允许用户在不同的幻灯片之间导航。

场景类型的主要目的是创建可嵌入到页面上不同位置的丰富内容模块。 编辑场景时,您将拥有与创建滑块时相同的一组自定义选项。 因此,您可以使用多种媒体和图层来设置场景内容。

轮播

轮播类型允许您以与滑块相同的方式创建内容,但是它允许同时显示多个幻灯片。 当您要在一个框架中组合多个幻灯片时,此功能非常有用。

如何设置滑块

在本节中,我们将构建一个真实示例,以演示如何使用Slider Revolution Responsive WordPress插件在WordPress网站上创建滑块。

在继续之前,请确保您已经在WordPress站点中安装了此插件。

继续并访问后端左侧侧栏中的Slider Revolution链接。 如下面的屏幕快照所示,这将为您提供不同的选项。

如何使用适用于WordPress的Slider Revolution插件

在Slider Revolution插件的术语中,所有内容都是模块,无论是滑块,轮播还是场景。 您可以从头开始创建一个新模块,重用现有的模板模块,或者从文件中导入一个模块。 在本例中,我们将从头开始创建一个新模块,因此请单击“ 新建空白模块”链接。

在下一个屏幕中,它将询问您是要阅读帮助指南还是立即开始编辑。 在本例中,我们要立即开始编辑,因此请单击“ 退出指南” 这应该为您提供以下用于创建滑块的UI。

如何使用适用于WordPress的Slider Revolution插件

如您所见,它是一个非常丰富的界面,并提供了许多自定义选项,就像专业的图像编辑软件一样!

默认情况下,它已经为您创建了第一张幻灯片。 如前所述,您可以向幻灯片添加任何类型的内容。 在本例中,我们将向幻灯片添加图像和一些文本。 继续并访问Image> WordPress Library菜单,并从WordPress库添加图像,如以下屏幕截图所示。

如何使用适用于WordPress的Slider Revolution插件

添加图像后,您可以使用右侧栏中的配置选项来调整与图像相关的设置。 您可以通过在其上添加层来在同一张幻灯片上添加不同类型的内容。 因此,例如,如果要与图像一起添加文本,则需要添加它,如以下屏幕截图所示。

如何使用适用于WordPress的Slider Revolution插件

您可以使用拖放功能来定位图层并进行调整。

如何使用适用于WordPress的Slider Revolution插件

完成幻灯片配置后,单击右下角的“ 保存”按钮。

要添加新幻灯片,请单击添加幻灯片>空白幻灯片 ,如以下屏幕截图所示。

如何使用适用于WordPress的Slider Revolution插件

继续添加所需数量的幻灯片,以添加和配置它们。 最后,使用完滑块后,需要嵌入代码才能将其添加到页面之一。 在插件主页面上,您可以单击滑块中的“ 嵌入”按钮以获取嵌入代码,如以下屏幕截图所示。

如何使用适用于WordPress的Slider Revolution插件

这将为您提供嵌入滑块的不同选项:

如何使用适用于WordPress的Slider Revolution插件

就我而言,预览看起来像这样!

如何使用适用于WordPress的Slider Revolution插件

这样便可以创建滑块。 即使创建旋转木马或场景,过程也是如此。 尽管我们刚刚讨论了滑块,但是此插件能够执行许多令人惊奇的事情。 您探索得越多,您就会越喜欢它!

下一步:快速浏览其他几个滑块脚本

结论

今天,我们回顾了CodeCanyon上可用的Slider Revolution Responsive WordPress插件。 它允许您在WordPress网站中动态创建动态且丰富的内容。 在本文中,我们几乎没有涉及此插件提供的功能。

我相信您相信Slider Revolution是一个强大的插件,可以在您的网站上创建动态而丰富的内容。 尽管它是一个商业插件,但考虑到它提供的众多功能,我认为它的价格合理。

翻译自: https://code.tutsplus.com/tutorials/how-to-use-revolution-slider-in-your-wordpress-website--cms-33953