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.
Les curseurs et les carrousels se chevauchent suffisamment pour qu'il soit utile de savoir lequel vous construisez réellement Le 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.
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.
La réponse courte
| Plugin | Type | Meilleur pour | Poids page |
|---|---|---|---|
| Additions maîtres | Widgets d'élémenteur + importations | Hero glisse à l'intérieur d'Elementor | Lumière |
| Elementor Pro (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
Type: Widgets d'élémentor plus importables Constructeur de widgets conceptions.
Niveau gratuit : 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'y a pas de widget unique appelé“Slider.” Le travail de héros se fait de deux autres façons, toutes deux gratuites, et les deux restent à l'intérieur de l'éditeur Elementor. Il n'y a pas de seconde 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[TRADUCTION], chacun avec une démo en direct Huit importation sur le plugin gratuit par l'intermédiaire de Master Addons → Widget Builder → Importer le 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, également gratuit 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.
Du côté payant, Gallery Slider est la galerie de vignettes-bandes prête à l'emploi et News Ticker est la bande de titre défilante Ni l'un ni l'autre n'est 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. Qu'y a-t-il dans le niveau libre.
2. Elementor Pro : l'option native
Type: natif.
Niveau gratuit : Carrousel d'images, Galerie de base.
Media Carousel gère les images et les vidéos avec une peau de couverture. Carrousel de boucle gère le contenu dynamique à partir d'une requête Ni l'un ni l'autre n'est un curseur de héros, et Elementor n'en a pas de dédié Les gens construisent des héros à partir d'un conteneur avec un arrière-plan et des effets de mouvement à la place.
Cette approche est sous-estimée Un conteneur avec une image d'arrière-plan, une animation d'entrée et un effet de défilement vous procure la majeure partie de ce qu'un curseur de héros de base 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 de manière native.
Obtenez-le si : vous avez déjà Pro Essayez la route native avant d'ajouter un plugin.
3. Smart Slider 3 : le autonome sensé
Type: 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
Type: 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
Type: 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
Type: 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
Type: 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 une image d'arrière-plan et Motion Effects Cela ne coûte rien 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 : Modules complémentaires principaux. Six widgets de carrousel et de curseur ainsi que l'extension Background Slider gratuite, huit designs importables, dont un héros à part entière sur le plugin gratuit, 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é ?
Pas un curseur de héros dédié Elementor free a un Carrousel d'images ; Elementor Pro ajoute un Carrousel de médias et un Carrousel de boucles Pour un héros pleine largeur, la plupart des gens construisent un conteneur avec une image d'arrière-plan plus des Effets de mouvement, ou ajoutent un widget de curseur à partir d'un addon.
Quel est le meilleur plugin de curseur gratuit Elementor ?
Smart Slider 3 a le niveau autonome gratuit le plus fort : calques, animations et commandes réactives sans payer Si vous préférez rester dans Elementor, Master Addons et Unlimited Elements incluent tous deux des widgets de curseur et de carrousel dans leurs niveaux gratuits Le plugin gratuit 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.
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.
