“滑块插件”涵盖了两种完全不同的产品,挑错类别比挑错插件花费更多。
滑块和旋转木马的重叠程度足以让您知道您实际上正在建造哪一个。 完整的旋转木马小部件阵容 覆盖横向卷轴的一半,以及 3D旋转木马设计 覆盖基于深度的。
1个类别是像Slider Revolution和Smart Slider这样的独立滑块构建器,拥有自己的编辑器、自己的动画时间线和自己的页重账单,另一个是Elementor原生滑块小部件,它们生活在你已经使用的编辑器内部。
两个类别的七个选项,根据它们可以构建的内容和页面的成本来判断。
的简短答案
| 插件 | 类型 | 最好的 | 页码 |
|---|---|---|---|
| 主插件 | 元素小部件+导入 | 元素者内部的英雄滑块 | 光 |
| Elementor Pro(媒体旋转木马 + 循环) | 本土 | 动态和媒体滑块 | 光 |
| 智能滑块 3 | 独立 | 预算内分层动画滑块 | 中等 |
| 滑块革命 | 独立 | 精心制作的动画英雄 | 重 |
| 元滑块 | 独立 | 简单的图像幻灯片 | 光 |
| 无限元素 | 元素小部件 | 不寻常的滑块样式 | 中等 |
| 自言自语 | 独立 | 简单、快速的图像滑块 | 光 |
第一:您需要滑块插件吗?
值得在花钱之前问一下。如果您想要一个全屏英雄,在时间线上有分层文本动画,视频背景和肯·伯恩斯平底锅,那就是滑块构建器,其他任何东西都做得很好。
如果您想要使用箭头和点滑动的图像,则不需要图像。Elementor 的免费图像旋转木马就是这样做的。为照片条添加滑块革命对于一个小工作来说是一个很大的插件,您会在您的核心网络生命值中感受到它。
如果您真正想要的是同时向侧面滚动可见的多个项目,那么您想要的是旋转木马,而不是滑块。 两者之间的区别 是改变你需要的插件。
1。主插件:英雄滑块不留元素者
类型: 元素小部件加上可导入 小部件生成器 设计。
免费级别: 图像旋转木马、徽标滑块、团队滑块、时间线、 图像比较、轮播模式下的博客、背景滑块扩展以及八种可导入设计。
这里值得精确,因为像这样的插件上的营销通常不是:没有一个名为 “Slider。” 的小部件。英雄工作是另外两种方式完成的,都是免费的,并且都保留在 Elementor 编辑器内。没有第二个界面,输出是 Swiper 实例而不是单独的框架。
首先是设计进口。 二十种命名的滑块和旋转木马设计、每个都有一个实时演示。八个通过主插件导入免费插件→小部件生成器→导入小部件。基座英雄滑块是全血英雄,每个滑块有标题基座、点、箭头、滑块计数器和链接,而 Rostrum Quote 滑块、年历时间线滑块和 Vitrine Plate Gallery 封面报价、时间线和缩略图图库。其他十二个,其中 Meridian Coverflow 和 Halo Orbit 需要 Pro。
第二个是 背景滑块扩展的,也是免费的,它把任何容器的背景变成幻灯片,处理那个带有旋转背景图像的“壳的“英雄,完全没有滑块小部件,通常这是更简单的答案。
在付费方面,Gallery Slider 是现成的缩略图条形图库,News Ticker 是滚动标题条形图,两者都不是英雄滑块。
弱点: no layer-animation时间轴,如果你需要文本元素以每层宽松的方式以交错的时间表进行动画化,那不是这样,智能滑块或滑块革命是。
如果: 获取它 您希望英雄滑块和旋转木马来自一个插件、一个编辑器,而无需第二个资产管道。 自由层中的内容.
2、元素人Pro:原生选项
类型: 本土。
免费级别: 图片旋转木马,基本画廊。
Media Carousel 使用 Coverflow 皮肤处理图像和视频。 环形旋转木马 cherquy中处理动态内容,两者都不是英雄滑块,elementor也没有专属的,人们改用带有背景和motion Effects的容器来构建英雄。
That approach 被低估了,一个带有背景图像、入口动画和滚动效果的容器,让你得到大部分“英雄滑块”所提供的东西,在零额外页面权重下,使用你已经拥有的编辑器安装任何东西之前,尝试原生构建它。
如果: 获取它 pro已经有了,在添加插件之前先试试原生路线。
3。智能滑块3:明智的独立
类型: 独立构建器。
免费级别: 慷慨,涵盖图层、动画和响应式控制。
最好的免费独立滑块构建器。您无需付费即可获得分层滑块、动画控制和响应式编辑,并且它可以用小部件插入 Elementor。
比滑块革命明显轻,同时做大多数相同的事情,这是选择它的主要原因。
弱点: er编了,你离开elementor,搭建滑块,回来摆放,对于单个首页英雄就行了,对于十二页的滑块就成了工作流税。
如果: 获取它 您需要分层的动画幻灯片,并且不想要幻灯片革命的重量或价格。
4、滑块革命:威力大,重量大
类型: 独立构建器。
免费级别: 没有。
This list上最能干的滑块,也是最重的。层时间线,粒子效果,视频背景,3D视差,一个大型模板库。如果你在代理网站上看到过一个精心设计的动画英雄,那么这个构建它的机会是公平的。
Page-weight 声誉赚取了,它加载了一个实质性的框架,而在一个带有慢速 TTFB 的共享主机上,折叠上方的 Slider Revolution 英雄会伤害你最大的满足感油漆。
弱点: 大多数网站从不使用其中的十分之一,并且无论如何都要支付全部权重。
如果: 获取它 滑块确实是该网站的核心,您可以使用托管机构来承载它。
5、元滑块:简单快速
类型: 独立。
免费级别: yes,而且基本的幻灯片就足够了。
MetaSlider做一件事:图像幻灯片。没有图层时间线,没有粒子。挑选图像,挑选一个过渡,放置短代码。
Na狭窄是特点,轻,时间长了,不尝试做设计工具。
弱点: 如果您需要具有任何实际控制的图像文本,那么您很快就会超出它。
如果: 获取它 您想要一张简单的图像幻灯片,仅此而已。
6、无限元素:不寻常的滑块样式
类型: Elementor 小部件库。
免费级别: 大。
Not a slider builder,但它有很多滑块形状的小部件:垂直滑块,分体滑块,覆盖流和覆盖,其中许多是免费的,如果你想要一个特定的不寻常的风格而不是英雄构建器,请先看这里。
弱点: 整个库的可变设计一致性以及足够多的小部件来管理它们是其自己的工作。
7、独白:速度为音高
类型: 独立。
免费级别: 有限。
Positions itself on speed,而且主张成立,它是其中一种较轻的滑块可用,直截了当的图像和视频滑块,最小的配置。
弱点: free tier薄,有趣的功能是付费的,以这个价格,你正在与智能滑块的免费层进行比较,这是很难的。
垂直滑块
Worth a separate note,因为人们专门搜索它,大多数插件处理得很糟糕,垂直滑块上下移动滑块而不是横向移动,它适用于全面屏逐节布局和狭窄的侧边栏内容,它在移动设备上失败的次数多于水平,因为垂直滑动与页面滚动竞争,浏览器不知道你是打算推进滑块还是滚动页面,它猜错了。
如果构建一个,请确保它在第一张和最后一张幻灯片处释放垂直滚动,否则人们会被困住。智能滑块和滑块革命都正确处理垂直。大多数基于小部件的滑块将其视为事后想法。如果垂直移动是连续的而不是滑动滑动,那就是跑马灯,并且 大帐篷指南 涵盖垂直建造一栋。
页面权重问题,直
WordPress主页上最大的内容丰富的画作不良的滑块是最常见的原因, 不是因为滑动很昂贵, 而是因为里面的东西:
- 全尺寸图像。 2MB的五滑英雄,每张都是10MB,在任何动画出现之前。以实际显示大小服务WebP。
- 所有幻灯片一次加载。 Sliders渲染每张幻灯片。懒惰-加载所有超过第一个。 视频滑块 是最坏的情况,因为每张屏幕外的幻灯片都会加载一个播放器。
- 框架权重。 独立构建器将自己的动画引擎加载到页面上的其他所有内容之上。
- 放在上面。 LCP元素的滑块根据定义。如果是150KB的WebP就好了;如果是300KB框架后面的2MB JPEG就不是了。
实用规则:无论您选择什么,第一张幻灯片的图像都是需要优化的东西。其他一切都可以懒惰加载。那一张图像就是您的 Core Web Vitals 得分。
选择哪个
已使用元素并想要英雄: 先试试一个有背景图片和motion Effects的容器,没什么成本,通常就足够了。
需要分层动画幻灯片: 智能滑块 3。免费层做大部分事情。
该滑块是该网站的核心内容: Slider Revolution,具有匹配的托管预算。
只需离开 Elementor 即可从一个插件获取滑块和旋转木马: Master Addons。6 个旋转木马和滑块小部件加上免费背景滑块扩展,八个可导入的设计包括免费插件上的全流血英雄,以及 画廊滑块 在专业版上。
普通图像幻灯片: MetaSlider。不要想太多。
常见问题
Elementor 有内置滑块吗?
Not 专用英雄滑块, Elementor free 有图像转盘;Elementor Pro 添加了媒体转盘和循环转盘,对于全宽英雄,大多数人构建一个带有背景图像加上运动效果的容器,或者从附加组件中添加一个滑块小部件。
最好的免费 Elementor 滑块插件是什么?
Smart Slider 3拥有最强的免费独立层级:图层、动画和响应式控件,无需付费。如果您宁愿呆在Elementor内部,Master Addons和Unlimited Elements都在其免费层级中包含滑块和旋转木马小部件。免费的Master Addons插件还通过Master Addons → Widget Builder → Import Widget导入八个命名设计,包括用于全角英雄的Plinth Hero Slider和用于推荐的Rostrum Quote Slider。
滑块插件会减慢 WordPress 的速度吗?
Slider Revolution这样的独立构建器添加了真实的框架成本,任何滑块都会增加图像权重,因为所有滑块都会一次渲染,最大的单一因素是第一张滑块的图像,它会成为您最大的内容丰富涂料,在显示屏尺寸下将其作为优化的WebP,并懒惰地加载其余部分。
滑块和旋转木马有什么区别?
1个滑块一次显示1个滑块,通常全宽,典型的是英雄,一个转盘在水平轨道上一次显示几个,它们需要不同的插件:第一个是滑块构建器,第二个是小部件库。
我可以在 Elementor 中制作垂直滑块吗?
是的,带有支持垂直模式的滑块插件。智能滑块和滑块革命都可以。在移动设备上仔细测试,因为垂直滑动与页面滚动竞争,并确保滑块在第一张和最后一张滑动处释放滚动,这样访问者就不会被困。
我应该使用 Elementor 的滑块革命吗?
Only if you need it does: layer timelines, particles, 3D parallax, video backgrounds 对于一个标准的英雄或者旋转木马来说它比工作需要更多的插件,权重显示在核心网络生命体中,先尝试原生元素器路线。
下一个
如果您正在构建的内容同时显示多个项目,则您正在寻找旋转木马,并且工具也不同。 旋转木马插件综述 正确涵盖该类别。
每个滑块和旋转木马小部件都集中在一个地方: 元素轮播小部件。当购物清单超出滑块时, 100 个最佳 Elementor 插件 综述是长远的景色。
当您确实获得许可证时 主插件定价页面 显示每个 Pro 设计所在的层。
