Die meisten Elementor-Slider-Vorlagen, die Sie online finden, sind derselbe Slider Bild in voller Breite, Text über der Mitte, Pfeile an den Seiten, weiter.
Das sind diese zwanzig nicht Man biegt die Folien um den Rand eines Kreises, Man pins Einträge zu einer datierten Zeitleiste, wo die Lücken zwischen den Jahren maßstabsgetreu gezeichnet werden Man dreht eine Liste von Zeilen in die Navigation selbst Acht davon importieren in das kostenlose Master Addons Plugin ohne Pro Lizenz, die Die Free-versus-Pro-Aufschlüsselung geht ausführlich durch, und jeder der zwanzig hat eine Live-Demo, die Sie öffnen, anstupsen und unterbrechen können, bevor Sie entscheiden, ob Sie es wollen.
Unten: jedes Design, wofür es eigentlich gut ist, und der ehrliche Hinweis, welche eine schlechte Idee für deine Seite sind, für die herkömmlichen Karussells des Plugins neben diesen, beginne bei der Karussell Widget Hub.
Die 20 Designs im Überblick
Wählen Sie nach dem, was Sie bauen, und nicht nach dem, was in einem Screenshot am besten aussieht. Ein Coverflow, der auf einem Portfolio atemberaubend aussieht, wird ein Produktraster begraben.
| # | Design | Bewegung | Am besten für | Stufe |
|---|---|---|---|---|
| 01 | Meridian-Abdeckungsfluss | 3 D Tiefe, rotierende Platten | Fallstudien, Portfolios | Pro |
| 02 | Concertina-Akkordeon | Panels erweitern sich im Schwebeflug | Serviceseiten, Kategorien | Pro |
| 03 | Umbra-überlagerung | Bildunterschrift verrät über Bild | Fotografie, Redaktion | Pro |
| 04 | Stratum Deck | Gestapelte Karten, obere Kartenschalen | Erfahrungsberichte, Feature-Touren | Pro |
| 05 | Bisect Split | Zwei Hälften, entgegengesetzte Richtungen | Heldenabschnitte, Vergleiche | Pro |
| 06 | Aufstiegsmausrad | Scrollrad treibt die Folie an | Langformiges Geschichtenerzählen | Pro |
| 07 | Drehgelenkflip | 3 D-Flip auf der Y-Achse | Vorher/nachher, Teamkarten | Pro |
| 08 | Bogen gekrümmt | Rutschen reiten am Rand eines Kreises | Sammlungen, Kataloge | Pro |
| 09 | Tessera-Mosaik | Gitterfliesen mischen | Galerien, bildlastige Seiten | Pro |
| 10 | Mäanderschleppe | Freier Widerstand, Impuls-Scroll | Portfolios, Lookbooks | Pro |
| 11 | Schiefervorhang | Platten ziehen sich zurück wie Vorhänge | Stapelt, verrät Held | Pro |
| 12 | Halo-Umlaufbahn | Kreisbahn um ein Zentrum | Prozessschritte, Ökosysteme | Pro |
| 13 | Plinth Hero Slider | Sofortiger Tausch, Vollblutbühne | Homepage Helden | Kostenlos |
| 14 | Ledger Index Schieber | Zeilenliste treibt das Bild an | Sammlungen, Archive | Kostenlos |
| 15 | Vitrine Plate Gallery | Miniaturbildstreifen, Datentafel | Fotografie | Kostenlos |
| 16 | Quadranten-Paged-Katalog | Gitter paged drei auf einmal | Kataloge, Merkmalsraster | Kostenlos |
| 17 | Bulletin Tabbed Panels | Laschenstreifen, Redaktionskollektoren | Vergleiche, Tieftauchgänge | Kostenlos |
| 18 | Rostrum-Zitat-Slider | Step-Zitate mit Fortschritt | Erfahrungsberichte, Bewertungen | Kostenlos |
| 19 | Almanach-Zeitleisten-Slider | Einträge auf einer datierten Achse | Historien, Meilensteine | Kostenlos |
| 20 | Keystone Feature Slider | Klicken Sie, um zu bewerben, FLIP-Bewegung | Räume, Räume, Exponate | Kostenlos |
Was Sie brauchen, um diese auszuführen
Elementorfrei reicht für die Seite selbst Die Aufteilung ist in den Designs:
- Die Designs 13 bis 20 sind kostenlos. Sie importieren über Master-Addons → Widget Builder → Widget auf dem kostenlosen Plugin importieren: keine Pro-Lizenz, keine Testversion, keine Karte. Jeder landet im Elementor-Panel unter Favoriten mit eigenen Steuerelementen.
- Die Designs 01 bis 12 benötigen Master Addons Pro. Sie sind voll ausgebaut Widget-builder, was eine Pro-Funktion ist.
Was nichts braucht: die Live-Demos Öffnen Sie eine der zwanzig, ändern Sie die Größe des Browsers, ziehen Sie eine Folie, beobachten Sie, wie sie sich auf einem Ansichtsport über die gesamte Telefonbreite verhält Das kostet nichts und nur so kann beurteilt werden, ob ein Motion Style zu Ihren Inhalten passt.
Das kostenlose Plugin liefert auch herkömmliche Karussell-Widgets (Bildkarussell, Logo-Slider, Team-Slider und das Blog-Widget im Karussellmodus), die alle auf der im Intro verlinkten Karussell-Widget-Seite behandelt werden.
01. Meridian-Abdeckungsfluss
Live-Demo Widget JSON herunterladen
Die mittlere Rutsche sitzt flach und eckig, die beidseitig drehen sich auf der Y-Achse weg und dimmen, so landet dein Auge, wo es soll Klassischer Deckungsstrom, abzüglich der Reflexion, die sich seit 2011 niemand mehr gewünscht hat.
Es funktioniert, weil es Kontext zeigt, ohne um Aufmerksamkeit zu konkurrieren Ein Besucher sieht, dass es fünf weitere Fallstudien gibt, ohne eine davon lesen zu können, was genau die Spannung ist, die Menschen dazu bringt, auf den Pfeil zu klicken.
Verwenden Sie es für: Fallstudienrollen, Portfoliostücke und alles, wo jede Folie eine vollständige Lektüre verdient.
Nicht verwenden für: Produktraster Coverflow zeigt einen Artikel richtig an und deutet auf zwei an Käufer, die sechs Produkte vergleichen, werden Sie hassen.
02. Concertina Akkordeon
Live-Demo Widget JSON herunterladen
Sechs schmale vertikale Paneele Bewegen Sie eine und sie dehnt sich aus; die anderen komprimieren sich, um Platz zu schaffen Keine Pfeile, keine Punkte, kein Autoplay: Die ganze Navigation ist der Hover.
Beobachten Sie jedoch, was auf dem Handy passiert. Auf einem Touchscreen gibt es keinen Schwebeflug, also fallen die Panels zurück, um zu tippen. Das ist in Ordnung, aber das bedeutet, dass das First-Tap-Verhalten offensichtlich sein muss, sonst scrollen die Leute direkt daran vorbei. Fügen Sie einen sichtbaren Chevron auf dem aktiven Panel hinzu und das Problem verschwindet.
Verwenden Sie es für: Sechs oder weniger Dienstleistungskategorien, Ziellisten, alles, wo die Etiketten den Verkauf durchführen.
03. Umbra-Überlagerung
Live-Demo Widget JSON herunterladen
Bild füllt den Rahmen, Bildunterschrift sitzt in einem Verlauf, der nur das untere Drittel verdunkelt Folie wechselt, Bildunterschrift wechselt einen Takt später.
Diese Verzögerung ist das ganze Design Text und Bild, die zusammen ankommen, lesen sich als Banneranzeige Text, der als Zweiter ankommt, liest sich als Bildunterschrift auf einem Foto, was Sie wollen, wenn das Foto das Produkt ist.
Dies ist die Konstruktion, die dem am nächsten kommt Elementor-Bildkarussell-Widget Wenn Sie den gleichen Look ohne Pro wünschen. Das kostenlose Widget macht Bild plus Bildunterschrift, nur ohne die gestaffelte Überblendung.
04. Stratum Deck
Live-Demo Widget JSON herunterladen
Karten mit einem leichten Versatz gestapelt, so dass Sie drei oder vier Kanten hinter dem oberen sehen können Vorrücken und die oberste Karte hebt und rutscht ab, wodurch die nächste freigelegt wird.
Der Stapel macht etwas, was ein flaches Karussell nicht kann: Er zeigt Quantität an Ein Besucher weiß, dass es mehr Erfahrungsberichte ohne Punkte zählen gibt Für Social Proof ist das der größte Teil des Jobs.
Verwenden Sie es für: Erfahrungsberichte, Preisstufen, Onboarding-Schritte.
Pass auf: Halten Sie den Stapel auf fünf oder sechs sichtbare Karten. Wenn die Offsets so dünn werden, liest sich die Tiefe als Rendering-Fehler.
05. Bisect Split
Live-Demo Widget JSON herunterladen
Bildschirm teilt sich in der Mitte auf Die obere Hälfte bewegt sich nach oben, die untere Hälfte nach unten, und sie treffen sich auf der nächsten Folie Zwei Panels, eine Geste.
Ich würde das in einen Helden und nirgendwo anders setzen Es ist eine große Bewegung: Sie frisst den vollen Viewport und fordert eine Sekunde Aufmerksamkeit des BesuchersIn einem Helden ist das ein fairer Handel Auf halber Strecke einer Servicespage ist es nur Lärm.
Verwenden Sie es für: Homepage-Helden, Kampagnen-Landingpages, Vorher/Nachher-Paare.
06. Aufstiegsmausrad
Live-Demo Widget JSON herunterladen
Keine Pfeile Man scrollt, es geht voran Der Schieberegler erfasst das Rad, während es in Sichtweite ist, und lässt es los, sobald man die letzte Folie getroffen hat.
Scroll-Jacking hat einen schlechten Ruf und hat es sich verdient Die Version hier lässt das Rad los, sobald Sie eines der beiden Enden erreichen, sodass ein Besucher, der die Seite weiter heruntergehen möchte, nie in die Falle gerät Testen Sie dieses auf einem Trackpad, bevor Sie sich verpflichten, denn der Schwung des Trackpads ist viel zuckender als ein Rad, und wenn Ihre Folien textlastig sind, werden die Leute überschießen.
Verwenden Sie es für: Erzählabschnitte, Produktgeschichten, Zeitleisten.
Nicht nutzen: Über dem Falz. sollte die erste Schriftrolle eines Besuchers die Seite verschieben, kein Widget.
07. Drehgelenkflip
Live-Demo Widget JSON herunterladen
Karte dreht sich um 180° auf der vertikalen Achse Vorderseite nach außen, Rückseite nach innen Beide Seiten sind bearbeitbar, so dass die Rückseite eine Bio, ein spec-Blatt, oder einen Preis halten kann.
Zweiseitige Inhalte sind seltener, als sie klingen und diese Gestaltung ist der Grund, danach zu suchen Teammitglied auf der Vorderseite, Rolle und Links auf der Rückseite Produktaufnahme vorne, Maße hinten.
Verwenden Sie es für: Teamraster, vorher/nachher, Spec-Karten. Flip sitzt neben Coverflow, Bogen und Orbit im 3 D-Karussell-Panne.
08. Bogen gekrümmt
Live-Demo Widget JSON herunterladen
Die Dias sitzen auf dem Rand eines Kreises, dessen Mitte irgendwo unterhalb der Falte liegt, jeder kommt oben aufrecht an und kippt beim Verlassen weg, bogenförmige Bildmasken folgen derselben Kurve.
Nichts anderes im Set sieht so aus, und das ist das Argument dafür Niemand hat das auf einer anderen WordPress Seite gesehen.
Verwenden Sie es für: Sammlungen, bei denen die Artikel ähnlich sind und die Präsentation von Interesse sein muss: ein Katalog, eine Musterliste, ein Menü.
09. Tessera-Mosaik
Live-Demo Widget JSON herunterladen
Ein Gitter aus ungleichen Fliesen, das sich neu mischt, anstatt zu gleiten Fliesen animieren zu neuen Positionen und Größen; die Zusammensetzung ändert sich, aber leert sich nie.
Das ist diejenige, nach der man greifen kann, wenn man dreißig Bilder hat und keine Hierarchie zwischen ihnen hat Ein herkömmliches Karussell zwingt einen Leseauftrag auf Inhalte, die keinen haben Ein Mosaik nicht.
Verwenden Sie es für: Eventfotografie, Galerieseiten, bildlastig über Seiten.
Kosten: Es ist das schwerste Design im Set für Layout-Arbeiten Quellbilder unter jeweils 200 KB halten oder die Umbesetzung stottert auf Android der Mittelklasse.
10. Mäanderschleppen
Live-Demo Widget JSON herunterladen
Greifen und werfen Momentum trägt die Bahn an der Stelle vorbei, an der man loslässt und lässt sich zum Stehen bringen Kein Schnappen, um Grenzen zu verschieben, also kann eine Rutsche halb sichtbar sitzen, was der Punkt ist, denn eine halb sichtbare Rutsche ist ein Signal dafür, dass es mehr gibt.
Free-Drag hat echte Kosten für die Zugänglichkeit: Tastaturbenutzer erhalten nichts von einer Drag-Interaktion. Die Unterstützung mit Pfeiltasten ist eingeschaltet, aber wenn Ihr Publikum auf unterstützende Technologie aus ist, wird Design 01 oder 04 ihnen besser dienen.
Verwenden Sie es für: Lookbooks, Portfolios, lange horizontale Sammlungen.
11. Schiefervorhang
Live-Demo Widget JSON herunterladen
Vertikale Platten ziehen sich wie Vorhänge auseinander und dahinter sitzt bereits die nächste Folie, Laibung ist der Übergang.
Es liest sich als Zeremonie Das ist genau zweimal nützlich auf einer Website, einem Produktlaunch und einem Homepage-Helden, und überall sonst verlegt.
Verwenden Sie es für: Starts, Ankündigungshelden, saisonale Kampagnen.
12. Halo-Umlaufbahn
Live-Demo Widget JSON herunterladen
Gegenstände umkreisen einen festen Mittelpunkt Der oben ist aktiv und in voller Größe; der Rest schrumpft, während er sich um den Rücken bewegt.
Zirkuläre Layouts passen zu Inhalten, die genuin Schleifen bilden Ein vierstufiger Prozess, ein Ökosystemdiagramm, ein Servicerad Setzen Sie eine lineare Liste hinein und Sie verwirren die Leute, denn ein Kreis impliziert “Rückkehr zum Start” und ein fünfstufiger Onboarding-Fluss nicht.
Verwenden Sie es für: Prozessdiagramme, Ökosystemkarten, Fähigkeitsräder.
13. Plinth Hero Slider (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Ein Bild füllt die Bühne Ein Untertitelsockel sitzt unten links, die Steuerleiste (Punkte, Pfeile, Zähler) unten rechts Dias tauschen sofort aus: kein Ausblenden, kein Einrutschen, nichts, was nicht synchron sein oder auf einem langsamen Telefon stottern könnte.
Der Soforttausch klingt wie eine Einschränkung, bis man ein Fade dagegen ansetzt Ein Heldenübergang frisst zweimal Aufmerksamkeit: einmal gehen, einmal ankommen Dieses Design gibt stattdessen dieses Budget für das Foto aus. Es ist auch das einzige Design im Set mit einer Linksteuerung pro Folie, plus einem CTA-Label, das auf allen Folien geteilt wird, was genau die Form ist, die ein Homepage-Held benötigt.
Verwenden Sie es für: Startseite Helden, Landingpage Tops, überall wo das Bild das Argument ist.
Nicht verwenden für: Inhalt, der Bewegung braucht, um sich zu erklären Es gibt keinen, mit Absicht.
14. Ledger Index Schieber (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Eine Spalte mit Eingangszeilen neben einem großen Teller Wählen Sie eine Zeile und die Platte, ihren Stempel und ihre Beschriftung tauschen Sie, um zu passen Die Liste ist die Navigation, ohne Pfeile erforderlich, obwohl sie da sind.
Damit wird das übliche Karussellproblem umgedreht Ein normaler Schieberegler blendet alles aus, außer der aktuellen Folie; hier ist das vollständige Inhaltsverzeichnis die ganze Zeit sichtbar, und das Bild ist die Detailansicht Es gibt einen Select-on-hover-Toggle, wenn die Zeilen vor dem Klick antworten sollen.
Verwenden Sie es für: Sammlungen, Archive, Werklisten: Überall dort, wo die Titel echte Informationen enthalten.
Pass auf: Die Zeilen verkaufen den Klick “Punkt 1, Punkt 2, Punkt 3” verschwendet das ganze Design; Zeilentitel wie Schlagzeilen schreiben.
15. Vitrine-Plattengalerie (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Eine einzelne Platte unter einem Streifen Miniaturansichten, daneben eine klebrige Platte mit der Bildunterschrift und einem Rahmendatentisch: Ort, Zeit, Objektiv, Blende, Verschluss, ISO. Rahmen ersetzen vollständig; nichts gleitet.
Wenn Sie “Elementor-Bildschieber mit Miniaturansichten” gesucht haben, ist dies das, für Fotografen gebaut Die Datentabellen-Etiketten sind alle bearbeitbar, so kann eine Druckerei Linse/Blende in Papier/Ausgabe verwandeln, und ein Museum kann sie in Medium/Datum/Provenienz verwandeln.
Verwenden Sie es für: Fotoportfolios, Objektfotografie, Produktdetailgalerien Für die gleiche Teller-und-Daumenschienen-Form mit Video darin, siehe die Galerie Schieberführer.
Nicht verwenden für: Bilder, die keine Metadaten verdienen Ein leeres Datenpanel liest sich als unfertige Seite.
16. Quadranten-Paged-Katalog (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Ein Raster aus Itemboxen, jeweils drei Seiten lang paged: neun Items auf drei Seiten Eine Schiene aus Segmenten zeigt an, wo man sich im Lauf befindet und dient gleichzeitig als Sprungsteuerung; Schritttasten führen es vorwärts und zurück.
Das ist das Design für den Job, den die meisten Karussells zu Unrecht gegeben werden: Viele vergleichbare Dinge zeigend, Jede Box trägt ein Bild, eine Kategorie, einen Titel, eine Kopie und eine Statistik, und weil eine ganze Dreierseite auf einmal sichtbar ist, kann ein Besucher tatsächlich vergleichen, was der Coverflow und seine Cousins bewusst verhindern.
Verwenden Sie es für: Kataloge im Produktstil, Feature-Grids, Servicemenüs Es ist auch der freie Weg in der WooCommerce Produktkarussell Ratgeber.
Pass auf: Es fasst genau neun Artikel auf drei SeitenWenn Ihr Katalog dreißig Artikel tief ist, möchten Sie ein echtes Produktraster mit Filtern, kein Karussell.
17. Mit Tabulatoren versehene Tafeln des Bulletins (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Ein Tabulatorstreifen über gestapelten Panels Jedes Panel ist ein kleines redaktionelles Layout: eine Figur mit ihrer Bildunterschrift, ein Kicker, ein Titel, ein Lede, eine Kopie des Körpers, eine dreireihige Faktentabelle und eine Byline.
Streng genommen handelt es sich hierbei um Tabs, nicht um einen Slider, und deshalb ist er hier Die Hälfte dessen, was man in Karussells zu pressen versucht (vergleiche drei Pläne, drei Orte, drei Fallstudien), sind Tabbed Content im Kostüm, dieser macht auch die Barrierefreiheit richtig: echte ARIA Tablist Semantik mit Roving Tabindex, die die meisten Tab Widgets fälschen.
Verwenden Sie es für: Planvergleiche, Standortseiten, Fallstudienfelder: Drei beliebige Dinge, zwischen denen ein Besucher wählt, anstatt sich durchzustöbern.
18. Rostrum Zitat Slider (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Ein Zitatfeld neben einem Porträt, durchgetreten mit zwei Chevrons. Eine Fortschrittsleiste und eine Zählspur, wo Sie sich befinden, und die Schritttasten können die Stimme benennen, zu der sie wechseln, wie „Weiter: Amara Okafor“anstelle eines anonymen Pfeils.
Dieser benannte Schritt ist das Detail, das es wert ist, gestohlen zu werden. Zeugniskarussells verlieren beim Übergang Leser, weil ein Pfeil nichts verspricht. Ein Name ist ein Grund zum Klicken. Das Anführungszeichen ist auch eine bearbeitbare Textsteuerung, sodass es für die Sprache der Website auf die richtige Glyphe gesetzt oder entfernt werden kann.
Verwenden Sie es für: Erfahrungsberichte, Bewertungen, Kundenzitate Es gibt eine Vollständiger Testimial-Karussell-DurchgangUnd Sie können sehen Echte Kundenzitate auf unserer eigenen Seite.
Pass auf: Es hält drei Stimmen, und jede bekommt die Bühne allein Wählen Sie Ihre drei besten Zitate, und halten Sie sie kurz genug, um in einem Atemzug zu lesen.
19. Almanach-Zeitleisten-Slider (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Einträge auf einer datierten Achse angeheftet Die Zeckenpositionen werden aus den Jahren berechnet, die Sie eingeben, sodass der Abstand real und nicht gerade ist.1994 und 1996 liegen eng beieinander, 1996 und 2011 liegen weit auseinander und die Lücke erzählt ihre eigene Geschichte. Ein Dekadenkamm über der Regel gibt dem Abstand eine Skala, gegen die man sich lesen kann.
Jedes andere Timeline Widget räumt seine Einträge gleichmäßig, was leise über die Historie liegt, das tut es nicht, und das macht es zum eigensinnigsten Design im Set Es ist auch das tiefste Panel hier, mit 143 Reglern, denn die Achse, der Kamm und die Tick-Zustände stylen getrennt von den Einträgen.
Verwenden Sie es für: Firmengeschichten, Projektmeilensteine, Changelogs, Aufzeichnungen mit aussagekräftigen Lücken Für eine statische Version gibt es eine Timeline-tutorial Verwendung des Stock-Widgets.
Nicht verwenden für: Undatierter Inhalt Die Achse ist das Design; ohne echte Jahre gibt es nichts für ihn zu zeichnen.
20. Keystone Feature Slider (kostenlos) bezeichnet
Live-Demo Widget JSON herunterladen
Ein Artikel war groß; Der Rest wartet an einer Wand daneben, jeder trägt nur seine Nummer und seinen Namen. Klicken Sie auf einen Satelliten und er wird zum Feature befördert, und die Boxen fliegen an ihre neuen Orte, anstatt sich zu teleportieren, sodass Ihr Auge dem Tausch folgt, anstatt ihn zu verlieren.
Das Feature trägt eine Plakette mit drei Fakten. Es wurde für Räume, Räume und rotierende Ausstellungen gebaut, und das ist der ehrliche Umfang: Es präsentiert eine kleine Reihe unterschiedlicher Dinge nacheinander, während die anderen sichtbar in der Warteschlange stehen.
Verwenden Sie es für: Veranstaltungsorträume, Atelierräume, Ausstellungen, ein drei- bis fünfteiliges Portfolio.
Pass auf: Die Satelliten zeigen nur Nummer und Namen an, also muss das Feature die Überzeugungsarbeit leisten Führen Sie mit Ihrem stärksten Gegenstand, denn die meisten Besucher klicken nie daran vorbei.
So importieren Sie eine Schiebereglervorlage in Elementor
Vier Schritte, etwa neunzig Sekunden Gleicher Fluss für freie und Pro-Designs, und anders als Importieren einer Elementor-Vorlage„, weil sich ein Design als Widget und nicht als Seitenlayout registriert.
- Laden Sie die JSON-Datei des Designs herunter Von seiner Demoseite Eine Datei pro Design.
- Gehen Sie zu Master Addons → Widget Builder In Ihrem WordPress-Admin und klicken Sie auf Widget importieren.
- Lassen Sie den JSON auf der Dropzone fallen. Das Design registriert sich als Widget mit eigenen Steuerelementen: Inhalt, Farben, Typografie, Haltepunkte Die acht kostenlosen Designs importieren auf dem kostenlosen Plugin; Die zwölf Pro-Designs verlangen hier eine Pro-Lizenz.
- Ziehen Sie es auf eine Seite Aus dem Elementor-Panel, wo es unter Favoriten erscheint, und tauschen Sie den Platzhalterinhalt gegen Ihren.
Der Import berührt dein Theme nicht, stellt global nichts in die Warteschlange, erstellt keinen Shortcode, wird wie jedes andere zu einem Widget im Panel.
Funktionieren diese Schieberegler mobil?
Alle zwanzig sind berührungsfähig und reaktionsschnell Vier ändern ihr Verhalten und nicht nur die Skalierung:
- Concertina-Akkordeon Schaltet von Hover-to-Expand auf Tap-to-Expand um.
- Aufstiegsmausrad Lässt die Radaufnahme fallen und verwendet Wisch.
- Mäanderschleppe Ziehen Sie weiter, verkürzen Sie aber den Schwung, damit ein Streifen nicht über den gesamten Track hinausschießt.
- Ledger Index Schieber Stapelt den Index über der Platte und der Select-on-Hover fällt zurück, um zu tippen.
Die kostenlosen acht halten auch standardmäßig die Tastaturnavigation an, und Plinth Hero und Rostrum Zitat reagieren auf Wischgesten aus dem Kasten heraus Testen Sie das Mosaik auf einem echten Telefon und nicht im Geräteemulator des Browsers, denn emulierte Viewports reproduzieren kein Android-Layout mittlerer Reichweite kosten, und das Mosaik zeigt sich dort zuerst.
Welches sollte man sich eigentlich aussuchen?
Wenn Sie nicht weiterkommen, decken diese die meisten Websites ab:
- Portfolio oder Agentur: Meridian Coverflow, oder Mäander Drag, wenn Sie mehr als ein Dutzend Stücke haben Auf einer kostenlosen Lizenz, Keystone Feature Slider.
- Dienstleistungsgeschäft: Concertina Accordion Auf freiem, Bulletin Tabbed Panels, deren Faktentabelle sich ihren Keep auf Planvergleiche verdient.
- Shop: Quadrant Paged Catalogue für eine kuratierte Neun. Es gibt kein kostenloses Widget, das einen Live-Produkt-Feed schiebt; Dieser Job braucht Schleifenkarussell von Elementor Pro. Überspringen Sie die 3 D-Designs so oder so: Käufer wollen vergleichen, und Coverflow wird gebaut, um sie zu stoppen.
- Erfahrungsberichte: Rostrum Zitat Slider Es ist kostenlos, und die benannten Schritttasten sind die beste Übergangsaufforderung im Set.
- Homepage Held: Plinth Hero Slider, wenn die Fotografie stark ist, und die Hero-Abschnittvorlagen Wenn Sie den gesamten Block anstelle des Schiebers wünschen; Bisect Split oder Slate Curtain, wenn Sie möchten, dass die Bewegung der Moment ist, und nur einer von ihnen, einmal.
- Über Seite oder Verlauf: Almanach Timeline Slider Nichts anderes hier macht datierte Inhalte ehrlich.
Wofür Sie sich auch entscheiden, führen Sie es über den einen Test hinaus, der wichtig ist: Laden Sie die Seite auf Ihr eigenes Telefon, auf Mobilfunk und sehen Sie, ob der Schieberegler das erste oder das letzte rendert. Ein Design, das ankommt, nachdem der Text bereits gelesen wurde, ist kein Schieberegler, sondern eine Dekoration.
Häufig gestellte Fragen
Sind diese Elementor-Slider-Vorlagen kostenlos?
Acht der zwanzig sind: Plinth Hero, Ledger Index, Vitrine Plate Gallery, Quadrant Paged Catalogue, Bulletin Tabbed Panels, Rostrum Zitat, Almanac Timeline und Keystone Feature alle importieren auf dem kostenlosen Master Addons Plugin Die anderen zwölf sind auf dem vollen Widget Builder aufgebaut, das ein Pro-Feature Live-Demos sind für alle zwanzig geöffnet.
Hat Elementor ein kostenloses Slider-Widget?
Elementor free versendet ein Image Carousel und eine Basic Gallery Media Carousel, Testimonial Carousel und Loop Carousel sind alle Elementor Pro. Master Addons fügt Bildkarussell, Logo Slider, Team Slider und ein Blog Widget mit einem Karussellmodus zur freien Stufe hinzu, dazu die acht kostenlosen Designs oben Siehe Die vollständige Karussell-Widget-Liste.
Was ist der Unterschied zwischen einem Schieber und einem Karussell in Elementor?
Ein Schieberegler zeigt jeweils eine Folie und füllt normalerweise die Breite. Ein Karussell zeigt mehrere gleichzeitig und scrollt seitwärts durch ein längeres Set. In der Praxis verwenden Menschen die Wörter austauschbar, und die meisten Widgets mit der Bezeichnung „Karussell“können so konfiguriert werden, dass sie sich wie ein Schieberegler verhalten, indem sie „Slides-per-View” auf eins setzen. Karussell gegen Schieber Arbeitet dort durch, wo es noch auf die Unterscheidung ankommt.
Kann ich Text auf einem Elementor-Bildschieber hinzufügen?
Ja. Jedes Design hier ist eine Bildbox, mit Bild, Augenbraue, Titel, Beschreibung, und im Fall von Plinth Hero ein Knopf, also ist Text Teil der Folie und nicht eine Überlagerung, die Sie von Hand positionieren Umbra Overlay und Plinth Hero Slider sind die beiden, die speziell um Text herum gebaut sind, der auf dem Bild sitzt.
Wie mache ich ein Elementor-Slider-Autoplay und eine Schleife kontinuierlich?
Autoplay und Infinite Loop in den Karusselleinstellungen des Widgets einschalten, dann die Verzögerung einstellen Zwei Dinge, die die Leute auffangen: pause-on-hover ist ein separater Knebel, und eine Schleife benötigt mindestens die doppelte Anzahl von Dias-per-View, um ohne sichtbaren Sprung zu laufen Vier Dias bei Two-per-View werden stottern; sechs werden es nicht. Stellen Sie stattdessen die Verzögerung der Autoplay auf Null und es wird ein Durchlaufzelt.
Warum funktioniert mein Elementor-Karussell nach dem Import nicht?
Neun von zehn Mal ist es JavaScript-Optimierung Das Caching von Plugins, die JS verschieben oder kombinieren, bricht die Initialisierung des Schiebereglers. Schließen Sie das Karussellskript in den JS-Einstellungen Ihres Cache-Plugins aus und es kommt zurück Wenn Sie auf LiteSpeed sind, muss der Ausschluss auch in das Feld Gastmodus gehen, nicht nur in das Hauptfeld. Der Swiper-Fehlerbehebungsleitfaden Listet die genauen Handles auf, die ausgeschlossen werden sollen.
Wohin als nächstes
Öffnen Sie zwei oder drei Demos und werfen Sie ihnen einen echten Blick auf Ihr Telefon, bevor Sie auswählen. Dann:
Zwölf der zwanzig benötigen für den Import eine Lizenz, also die Preisseite Ist der Ort, an dem überprüft werden kann, welche Ebene das von Ihnen gewählte Design abdeckt.
- Alles an einem Ort auf der Elementorkarussell-Widgets Seite, mit allen zwanzig Designs plus den Plugin-eigenen Karussell-Widgets.
- An der freien Stufe festhalten? Der kostenlose Karussell Widgets Beitrag Durchläuft alles, was nichts kostet, diese acht inklusive.
- Gehen Sie für Tiefe über Bewegung? Die 3 D-Karussell-Designs (Deckfluss, Flip, Bogen und Orbit) sich selbst genauer ansehen.
- Eine ganze Seite statt eines Abschnitts wollen? die Vorlagenkits Schiff komplette Layouts mit Karussells bereits platziert.
- Aufbau der ganzen Seite, nicht nur des Schiebereglers? der Kostenlose Elementor-Abschnittvorlagen Die Bibliothek umfasst Funktionen, Preise, Erfahrungsberichte, Team-, FAQ- und CTA-Blöcke, die jeweils als ein bearbeitbares Widget importiert werden können.
