17713433920 info@mac163.com
WordPress的最佳内容滑块RoyalSlider插件
WordPress的最佳内容滑块RoyalSlider插件

绝大多数人都知道什么是内容滑块。

毕竟,它们已经在WordPress世界中变得无处不在-如果您从WordPress.org存储库中随机选择了五个主题,则可能会发现至少有一个内置滑块。甚至还没有提及可用的大量免费和高级滑块插件。

鉴于以上所述,您可能想知道为什么我要审查高级滑块插件。我本人也曾短暂地想知道同样的事情,但很快就对为什么RoyalSlider完全值得其适中的价格感到信服。简而言之,它是结构合理,易于移动且功能强大的插件,几乎可以在任何博客上占有一席之地。

RoyalSlider简介

关于RoyalSlider的第一件事令我震惊的是,它在一些设计极佳的网站上使用,例如本田CR-V官方网站和SilkTricky:

RoyalSlider简介
RoyalSlider简介

如果我看到一个在网站上使用的插件如此漂亮,我将更认真地对待它。

不仅如此,RoyalSlider还是Code Canyon的最畅销产品,并获得五星级评级。一切都非常令人印象深刻,但是我渴望深入研究,看看它真正提供了什么。

简而言之,RoyalSlider是响应式图像库和HTML滑块。就可以包含在幻灯片中的内容而言,它提供了极大的灵活性,甚至可以包含来自Flickr500px之类的源的动态内容。

更具体地说,它具有多种功能,包括(但不限于):

  • 手机和台式机的触摸导航
  • 设备的硬件加速CSS3过渡
  • 视频嵌入选项
  • 延迟加载
  • 移动或淡入淡出过渡
  • SEO优化
  • 4种独特且可编辑的皮肤
  • 智能自动播放(悬停时暂停,在用户首次操作时停止)

当我第一次查看插件主页上的实时演示时,想到“响应”一词的原因有很多:

royalslider demo
royalslider demo

显然,它对移动设备的响应良好,但总体上也响应良好  。过渡是流畅的,几乎没有额外的加载时间,并且没有因插件的存在而引起的明显减速。此外,它看起来太好了。当然,这在很大程度上要归功于滑块本身的内容,但是导航元素和一般表示方式很难过错。

近距离观察

现在,我们已经对表面上的RoyalSlider进行了很好的了解,让我们深入了解一下它的易用性。

安装该插件后,可通过侧边栏中的专用链接使用该插件,您可以在下面的几个其他喜欢的插件之间找到它:

只有两个子菜单选项,令人鼓舞。诸如此类的插件常常被大量越来越混乱的页面所压倒。

设置页面非常简单:

如您所见,只有少数选项可以处理。在此阶段认为RoyalSlider是一个相当基本的插件,只提供最简单的功能,这是可以原谅的,但幸运的是事实并非如此。

您很快就会了解到,当您开始创建第一个滑块时,会立即为您提供五个主要的滑块类型选项:

虽然我没有时间在这里研究每种类型,但是每种类型都是不言而喻的。您可以从多个来源(包括上述的Flickr和500px)中提取内容,也可以从WordPress帖子中的内容中提取内容,可以从WordPress图片库中创建内容,也可以使用完全自定义的内容。

出于这篇文章的目的,我将创建一个滑块,该滑块链接到我的博客中的部分帖子。选择“帖子中的滑块”选项后,将显示一个功能强大的屏幕:

幸运的是,该插件以这样的方式组合在一起:不会给您带来太多选择。简而言之,右侧的选项确定滑块中的内容,左侧的选项确定滑块的外观。

我所做的第一件事是为滑块选择了5个标记为“关于我”的帖子。然后,我进行了较小的美学调整,以确保帖子的特色图片充满滑块。这是最终结果:

还不错吧?但这实际上还没有  做任何事情-只是一系列帖子中的一堆精选图片。这就是模板的作用:

以上每个模板都会调整滑块的HTML / CSS标记和自定义设置,以产生自定义外观。例如,我选择了上面可用的第四个模板,并得到以下结果:

现在,我已经设法从帖子中提取了相关数据,但这一切都有些混乱。没问题-在这里,即使是基本的HTML和CSS知识也可以使您根据自己的喜好自定义幻灯片。

首先,我将通过选择其他模板来摆脱底部的那些按钮:

这是一个改进,但是帖子描述确实没有必要,并且标题字体太大。幸运的是,我们可以通过“编辑幻灯片标记”选项完全控制这些元素:

此选项使我们可以直接访问滑块HTML的内胆,这比听起来听起来要困难得多:

为了摆脱描述,我只删除了上面突出显示的行,并且为了减小标题的大小,我更改了header标记并添加了一些自定义CSS:

这是最终结果:

不错吧?对于RoyalSlider的易用性(以及易于定制的程度),我完全感到震惊。它使您完全可以控制自己创建的滑块的外观,形式和功能,这才是关键。

此外,我只是在上面专门介绍了一种特定类型的滑块,因此只涉及了表面知识—该插件提供了更多功能。

视频概述(更仔细地了解)

观看下面的视频,进一步了解该插件。看看使用Royal Slider仪表板创建滑块有多么容易!

结论

虽然我经常是免费插件的拥护者,但毫无疑问,走高级路线通常是更好的选择,尤其是在涉及更高级形式的功能时。

并且特别考虑到RoyalSlider,结论非常简单-您将无法在免费插件中找到与该级别的功能和稳定性相近的内容。我更喜欢为抛光的产品交出20美元的选择,而不是纠结于永远不会产生我对RoyalSlider期望的最终结果的东西。

简而言之,我不能真正责怪RoyalSlider-我不希望自己有一些尚未包含的其他功能。与某些工具相比,我的要求可能相对适中,但我相信您会发现使用此插件很有趣。

获取插件

该插件可在CodeCayon上出售。您可以通过点击下面的按钮来获得它。希望您会喜欢该插件,并发现它对您的网站,博客或客户的工作有用!

获取皇家滑块


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部