Principaux points à retenir
- Un plugin curseur Elementor est l'un des deux produits suivants : un constructeur autonome avec son propre éditeur et sa propre chronologie d'animation, tel que Slider Revolution ou Smart Slider 3, ou un widget natif Elementor qui vit dans l'éditeur que vous utilisez déjà.
- Le widget Slides d'Elementor Pro est son curseur de héros, avec un arrière-plan, un titre, un texte et un bouton par diapositive et un effet Ken Burns, tandis que Elementor gratuit couvre les arrière-plans de héros en rotation avec le type d'arrière-plan du diaporama du conteneur.
- Master Addons construit des curseurs de héros à l'intérieur d'Elementor via l'importation Plinth Hero Slider et l'extension Background Slider, et propose 20 modèles de curseurs et de carrousels nommés via Widget Builder, dont 12 en Pro.
- Slider Revolution n'a pas de niveau gratuit et vend des licences annuelles à partir de 45 euros pour un site, avec plus de 200 modèles et plus de 30 modules complémentaires, et propose le cadre frontal le plus lourd de cette comparaison.
- L'image de la première diapositive est le plus grand élément de peinture content sur presque toutes les pages d'accueil des curseurs, donc le servir de WebP à la taille de l'affichage compte plus que le plugin qui le restitue.
Le plugin“Slider” couvre deux produits complètement différents, et choisir la mauvaise catégorie coûte plus cher que choisir le mauvais plugin.
Une catégorie est constituée de constructeurs de curseurs autonomes comme Slider Revolution et Smart Slider, avec leurs propres éditeurs, leurs propres chronologies d'animation et leur propre facture de poids de page. L'autre concerne les widgets de curseurs natifs d'Elementor qui vivent dans l'éditeur que vous utilisez déjà. Sept options dans les deux catégories, jugées sur ce qu'elles peuvent construire et ce qu'elles coûtent à la page gamme complète de widgets de carrousel couvre la moitié à défilement latéral et le Dessins de carrousel 3D couvrez ceux basés sur la profondeur.
Table des matières
La réponse courte
| extension | taper à la | Meilleur pour | Poids page |
|---|---|---|---|
| Additions maîtres | Widgets d'élémenteur + importations | Hero glisse à l'intérieur d'Elementor | Lumière |
| Elementor Pro (glissières + Carrousel multimédia + Boucle) | Natif | Curseurs dynamiques et multimédias | Lumière |
| Smart Slider 3 | Autonome | Couches animées superposées avec un budget limité | Moyen |
| Révolution des curseurs | Autonome | Héros animés élaborés | Lourd |
| MetaSlider | Autonome | Diaporamas d'images simples | Lumière |
| Éléments illimités | Widget Élémenteur | Styles de curseurs inhabituels | Moyen |
| Soliloquy | Autonome | Curseurs d'image simples et rapides | Lumière |
Premièrement : avez-vous besoin d’un plugin Slider ?
Il vaut la peine de demander avant de dépenser quoi que ce soit Si vous voulez un héros plein écran avec du texte en couches s'animant sur une chronologie, des arrière-plans vidéo et une poêle Ken Burns, c'est un constructeur de curseurs et rien d'autre ne le fait bien.
Si vous voulez des images glissant avec des flèches et des points, vous n'en avez pas besoin Le Carrousel d'images gratuit d'Elementor fait ça L'ajout de Slider Revolution pour une bande photo est beaucoup de plugin pour un petit travail, et vous le sentirez dans vos Core Web Vitals.
Et si ce que vous voulez réellement, ce sont plusieurs objets visibles à la fois défilant latéralement, vous voulez un carrousel, pas un curseur. La différence entre les deux est ce qui change le plugin dont vous avez besoin.
1. Master Addons : des curseurs de héros sans quitter Elementor
tapez : Widgets d'élémentor plus importables Constructeur de widgets conceptions.
Inclus: Carrousel d'images, curseur de logo, curseur d'équipe, Chronologie, Comparaison d'images(en), Blog en mode carrousel, l'extension Background Slider, et huit designs importables.
Cela vaut la peine d'être précis ici, car le marketing sur des plugins comme celui-ci ne l'est généralement pas : il n'existe pas de widget unique appelé“Slider.” Le travail de héros se fait de deux autres façons, et les deux restent à l'intérieur de l'éditeur Elementor. Il n'y a pas de deuxième interface, et la sortie est une instance Swiper plutôt qu'un framework séparé.
Le premier concerne les importations de modèles. Vingt modèles de curseurs et de carrousels nommés, chacun avec une démo en direct Huit importation par Master Addons → Widget Builder → Importer Widget. Plinth Hero Slider est le héros à part entière, avec un socle de sous-titres, des points, des flèches, un compteur de diapositives et un lien par diapositive, tandis que Rostrum Quote Slider, Almanac Timeline Slider et Vitrine Plate Gallery couvrent les citations, les chronologies et les galeries de vignettes. Les douze autres, Meridian Coverflow et Halo Orbit parmi eux, ont besoin de Pro.
Le second est le Extension de curseur d'arrière-plan. Il transforme l'arrière-plan de n'importe quel conteneur en diaporama, qui gère le “hero avec des images d'arrière-plan rotatives” case sans un widget curseur du tout Souvent c'est la réponse la plus simple.
Côté payant, Gallery Slider est la galerie de miniatures prête à l'emploi et téléscripteur est la bande de titre défilante Ni un curseur de héros.
Point faible: pas de chronologie couche-animation Si vous avez besoin d'éléments de texte s'animant selon un horaire échelonné avec un assouplissement par couche, ce n'est pas ça. Smart Slider ou Slider Revolution l'est.
Obtenez-le si : vous voulez des curseurs et des carrousels de héros à partir d'un seul plugin, dans un seul éditeur, sans deuxième pipeline d'actifs. Ce que le plugin comprend.
2. Elementor Pro : l'option native
tapez : natif.
Niveau gratuit : Carrousel d'images, Galerie de base.
Media Carousel gère les images et les vidéos avec une peau de couverture, et Carrousel de boucle gère le contenu dynamique d'une requête Le curseur de héros est le widget Diapositives : diapositives pleine largeur, chacune avec son propre arrière-plan, titre, description et bouton, un zoom Ken Burns et des transitions de fondu ou de diapositive Sur Elementor libre l'itinéraire du héros est un conteneur avec un arrière-plan Diaporama, qui a également Ken Burns et cinq transitions, plus Motion Effects.
Cette approche conteneur est sous-estimée Un arrière-plan de diaporama, une animation d'entrée et un effet de défilement vous permettent d'obtenir la majeure partie de ce qu'un curseur de héros de la coordonnée fournit, à zéro poids de page supplémentaire, en utilisant l'éditeur que vous avez déjà Avant d'installer quoi que ce soit, essayez de le construire nativement.
Obtenez-le si : vous avez déjà Pro et un héros en couches avec un bloc de texte par diapositive suffit Essayez la route native avant d'ajouter un plugin.
3. Smart Slider 3 : le autonome sensé
tapez : constructeur autonome.
Niveau gratuit : des calques généreux et couvrants, des animations et des commandes réactives.
Le meilleur constructeur de curseurs autonome gratuit Vous obtenez des diapositives superposées, des commandes d'animation et un montage réactif sans payer, et il se branche sur Elementor avec un widget.
C'est sensiblement plus léger que Slider Revolution tout en faisant la plupart des mêmes choses, ce qui est la principale raison de le choisir.
Point faible: c'est un deuxième éditeur Vous quittez Elementor, construisez le curseur, revenez le placer Pour un seul héros de page d'accueil c'est bien Pour les curseurs sur douze pages ça devient une taxe de workflow.
Obtenez-le si : vous avez besoin de diapositives animées en couches et vous ne voulez pas du poids ou du prix Slider Revolution.
4. Slider Revolution : puissant et lourd
tapez : constructeur autonome.
Niveau gratuit : aucun.
Le curseur le plus performant de cette liste, et le plus lourd Des chronologies de calques, des effets de particules, des arrière-plans vidéo, de la parallaxe 3 D, une grande bibliothèque de modèles Si vous avez vu un héros animé élaboré sur un site d'agence, il y a de fortes chances que cela l'ait construit.
La réputation de poids de page est gagnée Il charge un cadre substantiel, et sur un hôte partagé avec un TTFB lent, un héros de Slider Revolution au-dessus du pli blessera votre plus grande peinture contente.
Point faible: la plupart des sites n’en utilisent jamais un dixième et paient malgré tout le poids total.
Obtenez-le si : le curseur est véritablement la pièce maîtresse du site et vous avez l'hébergement pour le transporter.
5. MetaSlider : simple et rapide
tapez : autonome.
Niveau gratuit : oui, et c'est suffisant pour les diaporamas de base.
MetaSlider fait une chose : diaporamas d'images Pas de chronologies de calque, pas de particules Choisissez des images, choisissez une transition, placez le shortcode.
Cette étroitesse est la caractéristique C'est léger, ça fait longtemps, et ça n'essaie pas d'être un outil de design.
Point faible: si vous avez besoin de texte sur les images avec un réel contrôle, vous le dépasserez rapidement.
Obtenez-le si : vous voulez un diaporama d'image simple et rien de plus.
6. éléments illimités : styles de curseurs inhabituels
tapez : Bibliothèque de widgets Elementor.
Niveau gratuit : grand.
Pas un constructeur de curseurs, mais il a beaucoup de widgets en forme de curseurs : curseurs verticaux, curseurs divisés, coverflow et overlay, beaucoup d'entre eux libres Si vous voulez un style inhabituel spécifique plutôt qu'un constructeur de héros, regardez ici en premier.
Point faible: cohérence de conception variable dans toute la bibliothèque et suffisamment de widgets pour que leur gestion soit son propre travail.
7. Soliloquie : vitesse comme terrain
tapez : autonome.
Niveau gratuit : limité.
Se positionne sur la vitesse, et la revendication tient le coup C'est l'un des curseurs plus légers disponibles Des curseurs d'images et de vidéos simples, configuration minimale.
Point faible: le niveau gratuit est mince et les fonctionnalités intéressantes sont payées À ce prix, vous comparez avec le niveau gratuit de Smart Slider, ce qui est difficile.
Curseurs verticaux
Vaut une note séparée, parce que les gens la recherchent spécifiquement et que la plupart des plugins la gèrent mal Un curseur vertical se déplace glisse de haut en bas au lieu de latéralement Il fonctionne pour les dispositions section par section plein écran et pour le contenu étroit de la barre latérale Il échoue sur mobile plus souvent qu'horizontale, parce que le balayage vertical est en concurrence avec le défilement de page Le navigateur ne sait pas si vous vouliez faire avancer le curseur ou faire défiler la page, et il devine faux.
Si vous en construisez un, assurez-vous qu'il libère un défilement vertical à la première et à la dernière diapositive, ou que les gens se retrouvent piégés Smart Slider et Slider Revolution gèrent tous deux correctement la verticale La plupart des curseurs basés sur widgets le traitent comme une réflexion après coup Si le mouvement vertical est censé être continu plutôt que glisser par diapositive, c'est un chapiteau à la place, et le guide du chapiteau couvre la construction d'un verticalement.
La question du poids de la page, droite
Les curseurs sont la cause la plus fréquente d'une mauvaise plus grande peinture contente sur une page d'accueil WordPress. Non pas parce que le glissement coûte cher, mais à cause de ce qu'il y a à l'intérieur :
- Images grandeur nature. Un héros à cinq diapositives à 2 Mo chacune mesure 10 Mo avant que quoi que ce soit ne s'anime Servez WebP à la taille réelle de l'écran.
- Toutes les diapositives se chargent en même temps. Les curseurs restituent chaque diapositive Chargez tout paresseux au-delà de la première. Curseurs vidéo sont le pire des cas, car chaque diapositive hors écran charge un joueur.
- Poids cadre. Les constructeurs autonomes chargent leur propre moteur d'animation sur tout le reste de la page.
- Placement au-dessus du pli. Le curseur devient votre élément LCP par définition C'est très bien si c'est un WebP de 150 KB ; ce n'est pas le cas si c'est un JPEG de 2 Mo derrière un framework de 300 KB.
La règle pratique : quel que soit votre choix, l'image de la première diapositive est la chose à optimiser. Tout le reste peut être chargé paresseusement. Cette image est votre score Core Web Vitals.
Lequel choisir
Utilisant déjà Elementor et veulent un héros : essayez d'abord un conteneur avec un fond Diaporama, ou le widget Diapositives si vous avez Pro. Cela ne coûte rien de plus et c'est généralement suffisant.
Besoin de diapositives animées en couches : Smart Slider 3. Le niveau gratuit fait la majeure partie.
Le curseur est la pièce maîtresse du site : Slider Revolution, avec un budget d'hébergement à la hauteur.
Voulez des curseurs et des carrousels à partir d'un seul plugin sans quitter Elementor : Addons principaux. Six widgets de carrousel et de curseur plus l'extension Background Slider, huit designs importables dont un héros à part entière, et Galerie Slider sur Pro.
Diaporama d'images en clair : MetaSlider. Ne le réfléchissez pas trop.
Questions fréquemment posées
Elementor a-t-il un curseur intégré ?
Oui. Elementor free a un Carrousel d'images et un type d'arrière-plan Diaporama pour les conteneurs Elementor Pro ajoute le widget Diapositives, un curseur de héros avec un arrière-plan, un en-tête, du texte et un bouton par diapositive, ainsi qu'un Carrousel multimédia et un Carrousel de boucles Sans Pro, construisez un conteneur avec un arrière-plan Diaporama ou importez un design de héros à partir d'un addon.
Quel est le meilleur plugin de curseur gratuit Elementor ?
Smart Slider 3 a le niveau autonome gratuit le plus puissant : calques, animations et commandes réactives sans payer Si vous préférez rester dans Elementor, Master Addons et Unlimited Elements ajoutent tous deux des widgets de curseur et de carrousel à l'éditeur sans Elementor Pro. Master Addons importe également huit designs nommés via Master Addons → Widget Builder → Import Widget, y compris Plinth Hero Slider pour les héros pleine largeur et Rostrum Quote Slider pour les témoignages.
Les plugins de curseur ralentissent-ils WordPress ?
Les constructeurs autonomes comme Slider Revolution ajoutent un coût de framework réel, et tout curseur ajoute du poids d'image car toutes les diapositives s'affichent en même temps. Le facteur le plus important est l'image de la première diapositive, qui devient votre plus grande peinture de contenu. Servez-la comme un WebP optimisé à la taille de l'écran et chargez le reste paresseusement.
Quelle est la différence entre un curseur et un carrousel ?
Un curseur montre une diapositive à la fois, généralement pleine largeur, et est généralement un héros Un carrousel en montre plusieurs à la fois sur une piste horizontale Ils ont besoin de différents plugins : des constructeurs de curseurs pour le premier, des bibliothèques de widgets pour le second.
Puis-je faire un curseur vertical en Elementor ?
Oui, avec un plugin slider qui prend en charge le mode vertical Smart Slider et Slider Revolution le font tous les deux Testez soigneusement sur mobile, car le balayage vertical rivalise avec le défilement de page, et assurez-vous que le curseur libère le défilement à la première et à la dernière diapositive pour que les visiteurs ne soient pas piégés.
Dois-je utiliser Slider Revolution avec Elementor ?
Seulement si vous avez besoin de ce qu'il fait : calque des timelines, particules, parallaxe 3 D, arrière-plans vidéo Pour un héros standard ou un carrousel c'est plus plugin que les besoins du travail, et le poids apparaît dans Core Web Vitals Essayez d'abord la route native Elementor.
Chaque curseur et guide de carrousel Elementor de cette série
Cette comparaison et le carrousel roundup sont les deux moyeux d'une série de 14 poteaux Les guides en dessous couvrent chacun un type de curseur ou de carrousel, ou un problème récurrent tel que les conflits Swiper.
- Elementor Carousel vs Slider : Quelle est la différence ?
- Widgets de carrousel d'éléments gratuits : ce qui est réellement gratuit
- 20 modèles de curseurs d'éléments, 8 d'entre eux gratuits : Coverflow, Timeline, Témoignage et plus encore
- Carrousel de boucle d'élément : comment ça marche et quand l'utiliser
- Curseur de glissement d'élémenteur : comment ça marche et comment le réparer
- Comment créer un carrousel d'images dans Elementor
- Carrousel Elementor 3 D : Coverflow, Flip, Arc et Orbit
- Comment créer un carrousel de témoignage dans Elementor
- Comment créer un carrousel de logo dans Elementor
- Carrousel de produits WooCommerce dans Elementor : trois façons de travailler
- Carrousel vidéo Elementor et curseur de galerie
- Elementor Marquee : texte défilant infini, logos et tickets
- 7 meilleurs plugins de carrousel d'éléments comparés
Suivant
Si ce que vous construisez montre plusieurs objets à la fois, vous recherchez un carrousel et l'outillage est différent. Le module externe du carrousel couvre correctement cette catégorie.
Chaque curseur et widget de carrousel en un seul endroit : Widgets de carrousel d'éléments. Et lorsque la liste de courses dépasse les curseurs, le 100 meilleurs modules complémentaires Élémenteur roundup est la vue longue.
Lorsque vous demandez une licence, le Page de tarification Master Addons affiche dans quel niveau se trouve chaque design Pro.
