“Slider-Plugin” deckt zwei völlig unterschiedliche Produkte ab, und die Auswahl der falschen Kategorie kostet mehr als die Auswahl des falschen Plugins.
Schieber und Karussell überlappen sich so weit, dass es sich lohnt zu wissen, welches man eigentlich baut Die Vollständige Karussell-Widget-Reihe Deckt die seitlich scrollende Hälfte ab und die 3 D Karussell Designs Decken Sie die tiefenbasierten.
Eine Kategorie sind eigenständige Slider-Builder wie Slider Revolution und Smart Slider mit eigenen Editoren, eigenen Animationszeitleisten und einem eigenen Seitengewichts-Schein. Die andere sind elementornative Slider-Widgets, die in dem Editor leben, den Sie bereits verwenden.
Sieben Optionen in beiden Kategorien, beurteilt danach, was sie erstellen können und was sie die Seite kosten.
Die kurze Antwort
| Plugin | Typ | Am besten für | Seitengewicht |
|---|---|---|---|
| Master Addons | Elementor-Widgets + Importe | Heldenschieber im Elementor | Licht |
| Elementor Pro (Medienkarussell + Schleife) | Eingeboren | Dynamische und mediale Schieberegler | Licht |
| Smart Slider 3 | Standalone | Mehrschichtige animierte Schieberegler mit kleinem Budget | Mittel |
| Slider-revolution | Standalone | Aufwendige animierte Helden | Schwer |
| MetaSlider | Standalone | Einfache Bilddiashows | Licht |
| Unbegrenzte Elemente | Elementor-widget | Ungewöhnliche Slider-Stile | Mittel |
| Selbstgespräch | Standalone | Einfache, schnelle Bildschieber | Licht |
Erstens: braucht man überhaupt ein Slider-Plugin?
Fragenswert, bevor Sie etwas ausgeben Wenn Sie einen Vollbildhelden mit mehrschichtigem Text wünschen, der eine Zeitleiste animiert, Videohintergründe und eine Ken Burns-Pfanne, ist das ein Slider-Builder und nichts anderes macht es gut.
Wer Bilder mit Pfeilen und Punkten gleiten lassen möchte, braucht keines, das macht das kostenlose Image Carousel von Elementor Das Hinzufügen von Slider Revolution für einen Fotostreifen ist eine Menge Plugin für einen kleinen Job, und das spürt man in seinen Core Web Vitals.
Und wenn Sie tatsächlich mehrere Elemente gleichzeitig sichtbar haben möchten, die seitwärts scrollen, möchten Sie ein Karussell und keinen Schieberegler. Der Unterschied zwischen den beiden ist, was das Plugin ändert, das Sie benötigen.
1. Master Addons: hero Slider ohne Elementor zu verlassen
Typ: Elementor-Widgets plus importierbare Widget-builder Entwürfe.
Freie Stufe: Bildkarussell, Logo-Slider, Team-Slider, Zeitleiste Bildvergleich, Blog im Karussellmodus, die Background Slider-Erweiterung und acht importierbare Designs.
Hier ist es wert, präzise zu sein, denn das Marketing auf solchen Plugins ist es normalerweise nicht: Es gibt kein einzelnes Widget namens “Slider” Der Heldenjob wird auf zwei andere Arten erledigt, beide kostenlos, und beide bleiben im Elementor-Editor. Es gibt keine zweite Oberfläche und die Ausgabe ist eine Swiper-Instanz und kein separates Framework.
Das erste sind die Designimporte. Zwanzig benannte Schieber- und KarusselldesignsJeweils mit Live-Demo Acht Importe auf dem kostenlosen Plugin durch Master Addons → Widget Builder → Import Widget Plinth Hero Slider ist der Vollblutheld, mit einem Bildunterschriftsockel, Punkten, Pfeilen, einem Folienzähler und einem Link pro Folie, während Rostrum Quote Slider, Almanac Timeline Slider und Vitrine Plate Gallery Zitate, Zeitleisten und Miniaturansichtengalerien abdecken Die anderen zwölf, Meridian Coverflow und Halo Orbit unter ihnen, brauchen Pro.
Der zweite ist der Hintergrund-Slider-Erweiterung‘auch kostenlos’ Es verwandelt jeden Containerhintergrund in eine Diashow, die das Gehäuse “Held mit rotierenden Hintergrundbildern” ganz ohne Slider-Widget handhabt Oft ist es die einfachere Antwort.
Auf der kostenpflichtigen Seite ist Gallery Slider die fertige Miniaturansicht-Streifen-Galerie und News Ticker der scrollende Überschriftenstreifen. Beides ist kein Helden-Slider.
Schwachpunkt: Keine Layer-Animations-Timeline Wenn Sie Textelemente benötigen, die in einem gestaffelten Zeitplan mit Per-Layer-Easing animiert werden, ist dies nicht Smart Slider oder Slider Revolution ist.
Holen Sie es sich, wenn: Sie möchten Helden-Slider und Karussells von einem Plugin, in einem Editor, ohne eine zweite Asset-Pipeline. Was ist in der freien Stufe.
2. Elementor Pro: die native Option
Typ: Eingeborene.
Freie Stufe: Bild Karussell, Grundgalerie.
Media Carousel verarbeitet Bilder und Videos mit einer Coverflow-Haut. Schleifenkarussell Verwaltet dynamische Inhalte aus einer Abfrage, Es handelt sich auch nicht um einen Helden-Slider, und Elementor hat keinen dedizierten Menschen bauen Helden aus einem Container mit Hintergrund und Bewegungseffekten stattdessen.
Dieser Ansatz wird unterschätzt Ein Container mit einem Hintergrundbild, einer Eingangsanimation und einem Scroll-Effekt bringt Ihnen das meiste von dem, was ein “Helden-Slider” liefert, bei null extra Seitengewicht, mit dem Editor, den Sie bereits haben Bevor Sie etwas installieren, versuchen Sie, es nativ zu bauen.
Holen Sie es sich, wenn: Pro hast du schon Probiere die native Route aus, bevor du ein Plugin hinzufügst.
3. Smart Slider 3: der vernünftige Standalone
Typ: Standalone Builder.
Freie Stufe: Großzügige, deckende Ebenen, Animationen und responsive Steuerelemente.
Der beste kostenlose Standalone-Slider-Builder Sie erhalten geschichtete Folien, Animationssteuerungen und reaktionsschnelle Bearbeitung, ohne zu bezahlen, und es wird mit einem Widget an Elementor angeschlossen.
Es ist deutlich leichter als Slider Revolution, während es die meisten der gleichen Dinge tut, was der Hauptgrund für die Auswahl ist.
Schwachpunkt: Es ist ein zweiter Editor, Du verlässt Elementor, baust den Slider, komm zurück und platzierst ihn Für einen einzelnen Homepage-Helden passt das, für Slider auf zwölf Seiten wird es zur Workflow-Steuer.
Holen Sie es sich, wenn: Sie benötigen vielschichtige animierte Folien und möchten weder das Gewicht noch den Preis des Slider Revolution.
4. Slider Revolution: mächtig und schwer
Typ: Standalone Builder.
Freie Stufe: Keine.
Der fähigste Slider auf dieser Liste, und der schwerste Layer-Timelines, Partikeleffekte, Videohintergründe, 3 D-Parallaxe, eine große Template-Bibliothek Wenn Sie einen aufwändigen animierten Helden auf einer Agenturseite gesehen haben, besteht eine faire Chance, dass dies es aufgebaut hat.
Der Ruf mit Seitengewicht ist verdient. Es lädt ein umfangreiches Framework, und auf einem gemeinsam genutzten Host mit einem langsamen TTFB schadet ein Slider Revolution-Held über dem Ordner Ihrem größten inhaltlichen Lack.
Schwachpunkt: Die meisten Websites verwenden nie ein Zehntel davon und zahlen trotzdem das volle Gewicht.
Holen Sie es sich, wenn: Der Schieberegler ist wirklich das Herzstück der Website und Sie haben das Hosting, um ihn zu tragen.
5. MetaSlider: einfach und schnell
Typ: Standalone.
Freie Stufe: Ja, und für Basic-Diashows reicht es.
MetaSlider macht eines: Bild-Diashows Keine Ebenen-Timelines, keine Partikel Bilder auswählen, einen Übergang auswählen, den Shortcode platzieren.
Diese Enge ist das Merkmal Es ist leicht, es gibt es schon lange, und es versucht nicht, ein Design-Tool zu sein.
Schwachpunkt: Wenn Sie Text über den Bildern mit echter Kontrolle benötigen, wachsen Sie schnell darüber hinaus.
Holen Sie es sich, wenn: Sie möchten eine Diashow mit einfachem Bild und nichts weiter.
6. Unbegrenzte Elemente: ungewöhnliche Slider-Stile
Typ: Elementor-Widget-Bibliothek.
Freie Stufe: Groß.
Kein Slider Builder, aber es hat eine Menge von schieberförmigen Widgets: vertikale Slider, geteilte Slider, Coverflow und Overlay, viele davon kostenlos Wenn Sie einen bestimmten ungewöhnlichen Stil statt eines Heldenbauers wünschen, schauen Sie zuerst hier.
Schwachpunkt: Variable Designkonsistenz in der gesamten Bibliothek und genügend Widgets, um sie zu verwalten, ist seine eigene Aufgabe.
7. Selbstgespräch: Geschwindigkeit als Pitch
Typ: Standalone.
Freie Stufe: Beschränkt.
Stellt sich auf Geschwindigkeit, und die Behauptung hält durch Es ist einer der leichteren Schieberegler zur Verfügung Geradlinige Bild - und Video-Schieberegler, minimale Konfiguration.
Schwachpunkt: Die Gratis-Stufe ist dünn und die interessanten Funktionen werden bezahlt Bei dem Preis vergleichst du mit der Gratis-Stufe von Smart Slider, die hart ist.
Vertikale Schieber
Einen gesonderten Hinweis wert, denn es wird gezielt gesucht und die meisten Plugins gehen schlecht damit um Ein vertikaler Schieberegler bewegt Rutschen auf und ab statt seitwärts, er funktioniert für Vollbild-Abschnitt-für-Abschnitt-Layouts und für schmale Seitenleisten-Inhalte, er fällt mobil häufiger aus als horizontal, denn vertikales Wischen konkurriert mit dem Seitenscroller Der Browser weiß nicht, ob man den Schieberegler voranbringen oder die Seite scrollen wollte, und er tippt falsch.
Wenn Sie eine bauen, stellen Sie sicher, dass sie vertikale Schriftrolle auf der ersten und letzten Folie freigibt, oder Menschen gefangen werden Smart Slider und Slider Revolution gehen beide richtig vertikal Die meisten Widget-basierten Schieberegler behandeln es als einen nachträglichen Gedanken Wenn die vertikale Bewegung kontinuierlich sein soll, anstatt durch Schiebe zu schieben, ist das stattdessen ein Festzelt, und Der Festzeltführer Abdeckungen, die einen vertikal bauen.
Die Frage nach dem Seitengewicht, gerade
Slider sind die häufigste Ursache für einen schlechten, größten inhaltlichen Lack auf einer WordPress-Homepage. Nicht weil das Gleiten teuer ist, sondern wegen dem, was drin ist:
- Bilder in Originalgröße. Ein Held mit fünf Dias bei 2 MB ist jeweils 10 MB groß, bevor irgendetwas animiert wird WebP in der tatsächlichen Displaygröße bedienen.
- Alle Folien werden auf einmal geladen. Schieberegler rendern jede Folie Faul-Laden Sie alles über die erste hinaus. Video-schieber Worst Case sind, denn jede Folie außerhalb des Bildschirms lädt einen Spieler.
- Rahmengewicht. Eigenständige Builder laden ihre eigene Animations-Engine auf alles andere auf der Seite.
- Über dem Tellerrand liegende Platzierung. Der Slider wird per Definition zu Ihrem LCP-Element Das ist in Ordnung, wenn es sich um ein 150 KB WebP handelt; es ist nicht so, wenn es ein 2 MB JPEG hinter einem 300 KB-Framework ist.
Die praktische Regel: Was auch immer Sie wählen, das Bild der ersten Folie ist das Richtige zum Optimieren. Alles andere kann faul geladen werden. Dieses eine Bild ist Ihr Core Web Vitals-Score.
Welche zu wählen
Elementor bereits verwenden und einen Helden wollen: Probiere es doch erst einmal mit einem Container mit Hintergrundbild und Motion Effects, kostet nichts und reicht meist auch.
Benötigen Sie vielschichtige animierte Folien: Smart Slider 3. Die Gratis-Stufe macht das meiste.
Der Slider ist das Herzstück der Seite: Slider Revolution, mit einem entsprechenden Hosting-Budget.
Möchten Sie Schieberegler und Karussells von einem Plugin, ohne Elementor zu verlassen: Master-Addons. Sechs Karussell- und Schieberegler-Widgets sowie die kostenlose Background Slider-Erweiterung, acht importierbare Designs, darunter ein Vollblutheld auf dem kostenlosen Plugin, und Galerie-schieber auf Pro.
Diashow mit einfachem Bild: MetaSlider. Überdenken Sie es nicht.
Häufig gestellte Fragen
Hat Elementor einen integrierten Schieberegler?
Kein dedizierter Helden-Slider Elementor frei hat ein Bildkarussell; Elementor Pro fügt Medienkarussell und Loop-Karussell hinzuFür einen Helden voller Breite bauen die meisten Leute einen Container mit einem Hintergrundbild plus Bewegungseffekte, oder fügen ein Slider-Widget aus einem Addon hinzu.
Was ist das beste kostenlose Elementor-Slider-Plugin?
Smart Slider 3 hat die stärkste kostenlose Standalone-Stufe: Ebenen, Animationen und responsive Steuerelemente ohne zu bezahlen Wenn Sie lieber innerhalb von Elementor bleiben möchten, enthalten Master Addons und Unlimited Elements beide Slider - und Karussell-Widgets in ihren freien Stufen Das kostenlose Master Addons Plugin importiert auch acht benannte Designs über Master Addons → Widget Builder → Import Widget, einschließlich Plinth Hero Slider für Helden in voller Breite und Rostrum Quote Slider für Testimonials.
Bremsen Slider-Plugins WordPress aus?
Eigenständige Builder wie Slider Revolution verursachen echte Rahmenkosten, und jeder Schieberegler erhöht das Bildgewicht, da alle Folien auf einmal gerendert werden. Der größte Einzelfaktor ist das Bild der ersten Folie, das zu Ihrem größten inhaltlichen Lack wird. Servieren Sie es als optimiertes WebP in Displaygröße und laden Sie den Rest auf die faule Haut.
Was ist der Unterschied zwischen einem Schieber und einem Karussell?
Ein Schieber zeigt jeweils eine Folie, meist in voller Breite, und ist typischerweise ein Held Ein Karussell zeigt auf einer horizontalen Spur mehrere auf einmal an, sie benötigen unterschiedliche Plugins: Schieberegler-Builder für die erste, Widget-Bibliotheken für die zweite.
Kann ich in Elementor einen vertikalen Schieberegler herstellen?
Ja, mit einem Slider-Plugin, das den vertikalen Modus unterstützt Smart Slider und Slider Revolution tun dies beide. Testen Sie sorgfältig auf Mobilgeräten, da vertikales Wischen mit dem Seitenscrollen konkurriert, und stellen Sie sicher, dass der Slider das Scrollen auf der ersten und letzten Folie freigibt, damit Besucher nicht gefangen sind.
Soll ich Slider Revolution mit Elementor verwenden?
Nur wenn man das braucht, was es tut: Layer-Timelines, Partikel, 3 D-Parallaxe, Video-Hintergründe Für einen Standardhelden oder ein Karussell ist es mehr Plugin als der Job braucht, und das Gewicht zeigt sich in Core Web Vitals Probieren Sie zuerst die native Elementor-Route aus.
Weiter
Zeigt das Gebaute mehrere Artikel auf einmal, sucht man ein Karussell und die Werkzeugausstattung ist anders. Die Karussell-Plugin-Rundung Deckt diese Kategorie ordnungsgemäß ab.
Jeder Schieber und jedes Karussell Widget an einem Ort: Elementorkarussell-Widgets. Und wenn die Einkaufsliste über Schieber hinausgeht, wird die 100 besten Elementor-Addons Aufrunden ist die lange Sicht.
Wenn Sie nach einer Lizenz greifen, ist die Master Addons Preisseite Zeigt an, in welcher Stufe jedes Pro-Design sitzt.
