Wichtige Erkenntnisse
- Ein Elementor-Slider-Plugin ist eines von zwei Produkten: ein eigenständiger Builder mit eigenem Editor und eigener Animationszeitleiste, wie Slider Revolution oder Smart Slider 3, oder ein Elementor-natives Widget, das in dem bereits verwendeten Editor lebt.
- Das Slides-Widget von Elementor Pro ist sein Helden-Slider mit Hintergrund, Überschrift, Text und Schaltfläche pro Folie und einem Ken-Burns-Effekt, während freier Elementor rotierende Heldenhintergründe mit dem Hintergrundtyp Container-Slideshow abdeckt.
- Master Addons erstellt Helden-Slider innerhalb von Elementor über den Plinth Hero Slider-Import und die Background Slider-Erweiterung und bietet über Widget Builder 20 benannte Slider- und Karussell-Designs an, davon 12 in Pro.
- Slider Revolution hat keine kostenlose Stufe und verkauft jährliche Lizenzen ab 45 Euro für eine Website mit 200+-Vorlagen und 30+-Addons und verfügt in diesem Vergleich über das schwerste Front-End-Framework.
- Das Bild der ersten Folie ist das größte inhaltliche Farbelement auf fast jeder Slider-Homepage. Daher ist es wichtiger, es als WebP in Displaygröße zu verwenden, als welches Plugin es rendert.
“Slider-Plugin” deckt zwei völlig unterschiedliche Produkte ab, und die Auswahl der falschen Kategorie kostet mehr als die Auswahl des falschen Plugins.
Eine Kategorie sind eigenständige Slider-Builder wie Slider Revolution und Smart Slider, mit eigenen Editoren, eigenen Animationszeitleisten und einer eigenen Rechnung mit Seitengewicht. Die andere sind elementor-native Slider-Widgets, die im 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 Vollständige Karussell-Widget-Reihe Deckt die seitlich scrollende Hälfte ab und die 3 D Karussell Designs Decken Sie die tiefenbasierten.
Inhaltsverzeichnis
Die kurze Antwort
| Plugin | Typ | Am besten für | Seitengewicht |
|---|---|---|---|
| Master-Addons | Elementor-Widgets + Importe | Heldenschieber im Elementor | Licht |
| Elementor Pro (Slides + Medienkarussell + Schleife) | Eingeboren | Dynamische und mediale Schieberegler | Licht |
| Smart Slider 3 | alleinstehend | Mehrschichtige animierte Schieberegler mit kleinem Budget | Mittel |
| Slider-revolution | alleinstehend | Aufwendige animierte Helden | Schwer |
| Metaslider | alleinstehend | Einfache Bilddiashows | Licht |
| Unbegrenzte Elemente | Elementor-widget | Ungewöhnliche Slider-Stile | Mittel |
| Selbstgespräch | alleinstehend | 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.
Inklusive: Bild Karussell, 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, und beide bleiben im Elementor-Editor. Es gibt keine zweite Schnittstelle 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 durch Master Addons → Widget Builder → Import Widget Plinth Hero Slider ist der Vollblutheld, mit einem Beschriftungssockel, 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. Es macht aus jedem Container-Hintergrund 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 das Plugin beinhaltet.
2. Elementor Pro: die native Option
Typ: Eingeborene.
Freie Stufe: Bild Karussell, Grundgalerie.
Media Carousel verarbeitet Bilder und Videos mit einer Coverflow-Haut und Schleifenkarussell Verwaltet dynamische Inhalte aus einer Abfrage Der Helden-Slider ist das Slides-Widget: Folien in voller Breite, jede mit eigenem Hintergrund, Überschrift, Beschreibung und Knopf, ein Ken Burns Zoom und Übergänge zum Ausblenden oder Folien Auf freiem Elementor ist die Heldenroute ein Container mit einem Slideshow-Hintergrund, der auch Ken Burns und fünf Übergänge hat, plus Motion Effects.
Dieser Containeransatz wird unterschätzt Ein Diashow-Hintergrund, eine Eingangsanimation und ein Scroll-Effekt bringen 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 und ein geschichteter Held mit einem Textblock pro Folie reicht aus 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 Slideshow-Hintergrund, oder dem Slides-Widget, wenn du Pro hast, kostet nichts extra und reicht meistens.
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 Background Slider-Erweiterung, acht importierbare Designs, darunter ein Vollblutheld, und Galerie-schieber auf Pro.
Diashow mit einfachem Bild: MetaSlider. Überdenken Sie es nicht.
Häufig gestellte Fragen
Hat Elementor einen integrierten Schieberegler?
Ja. Elementor free hat ein Image Carousel und einen Slideshow-Hintergrundtyp für Container Elementor Pro fügt das Slides-Widget hinzu, einen Helden-Slider mit Hintergrund, Überschrift, Text und Button pro Folie, dazu Medienkarussell und Loop Carousel, ohne Pro einen Container mit Slideshow-Hintergrund bauen oder ein Heldendesign aus einem Addon importieren.
Was ist das beste kostenlose Elementor-Slider-Plugin?
Smart Slider 3 hat die stärkste kostenlose Standalone-Stufe: Ebenen, Animationen und responsive Steuerelemente ohne Bezahlung Wenn Sie lieber im Elementor bleiben möchten, fügen Master Addons und Unlimited Elements dem Editor sowohl Schieberegler- als auch Karussell-Widgets ohne Elementor Pro hinzu. Master Addons importiert außerdem 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.
Jeder Elementorschieber und Karussellführer dieser Serie
Dieser Vergleich und die Karussellaufrundung sind die beiden Naben einer 14-Pfosten-Serie, die Führungen darunter behandeln jeweils einen Schieber - oder Karusselltyp, oder ein wiederkehrendes Problem wie Swiper-Konflikte.
- Elementorkarussell vs. Slider: Was ist der Unterschied?
- Kostenlose Elementorkarussell-Widgets: Was ist eigentlich kostenlos
- 20 Elementor-Slider-Vorlagen, 8 davon kostenlos: Coverflow, Zeitleiste, Testimonial und mehr
- Elementorschleifenkarussell: Wie es funktioniert und wann es verwendet werden muss
- Elementor-Schalter-Slider: Wie es funktioniert und wie man es repariert
- So erstellen Sie ein Bildkarussell in Elementor
- Elementor 3 D Karussell: Coverflow, Flip, Arc und Orbit
- So erstellen Sie ein Testimonialkarussell in Elementor
- So erstellen Sie ein Logo-Karussell in Elementor
- WooCommerce-Produktkarussell in Elementor: Drei Möglichkeiten, die funktionieren
- Elementor-Videokarussell und Galerie-Slider
- Elementor-Marquee: Unendlicher Scrolltext, Logos und Aufkleber
- Die 7 besten Elementorkarussell-Plugins im Vergleich
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.
