Kostenloser Elementor-Hintergrund-Slider (Abschnitts-Slideshow mit Ken Burns)
Hintergrund-Slider ist eine kostenlose Master Addons Erweiterung, die den Hintergrund eines Elementor-Containers, - Abschnitts oder - Spalte in eine rotierende Bild-Diashow verwandelt Ihre Überschriften und Schaltflächen bleiben an Ort und Stelle, während sich die Fotos dahinter ändern Es kommt mit 24 Übergängen plus einer Zufallsoption, Ken Burns Bewegung in neun Richtungen, neun Muster-Overlays oder Ihre eigene Farb - und Farbverlaufs-Overlay, und eine optionale Fortschrittsleiste Die Leute verwenden es meistens für Helden-Abschnitte auf Service, Restaurant, Reise - und Portfolioseiten.
24 Transitions und Ken Burns Motion
Die Übergang Liste entscheidet, wie eine Folie zur nächsten übergibt: Fade, Slide Left, Slide Right, Slide Up, Slide Down, Zoom In, Zoom Out, Swirl Left, Swirl Right, Burn, Blur und Flash Jede hat eine zweite Variante, die 24 macht, und Random wählt für jede Änderung einen anderen Effekt aus Die Animation Die Einstellung fügt dann in jeder Folie einen langsamen Ken Burns-Zoom und -Schwenk hinzu.
- Übergang: 24 Effekte plus Zufällig. Fade ist die Voreinstellung.
- Animation: Kenburns, Kenburns Up, Down, Left, Right, die vier diagonalen Richtungen, Zufällig oder Keine.
- Zufällige Anzeige: Mischt die Bildreihenfolge, wenn die Seite generiert wird Auf einer zwischengespeicherten Seite bleibt die Reihenfolge so lange gleich, bis der Cache gelöscht ist.
Überlagerungen, die den Text lesbar halten
Weißer Text über einem vielbefahrenen Foto ist schwer zu lesen Mit Benutzerdefinierte Overlay Aus, die Überlagerung Menü legt eines von neun gekachelten Punkt - und Linienmustern (Stil 1 bis Stil 9) über die Folien, und Stil 1 ist standardmäßig eingeschaltet Schalten Benutzerdefinierte Overlay Anzeigen und Sie können stattdessen eine Volltonfarbe, ein Bild oder einen linearen oder radialen Gradienten verwenden.
- Overlay: Keine oder Stil 1 bis Stil 9, kleine sich wiederholende Muster aus der Vegas-Diashow-Bibliothek.
- Benutzerdefinierte Overlay: Farbe, Bild oder ein Farbverlauf mit zwei Farbstopps, Winkel und Position.
- Tönungsstärke: Es gibt keinen separaten Deckkraftschieber, also wählen Sie eine Farbe mit Transparenz, zum Beispiel rgba (0,0,0,0,5).
Timing, Cover und Bildgröße
Verzögerung Textfeld in Millisekunden ist, wird standardmäßig 5000 angegeben, und 3000 gibt ein schnelleres Tempo. Cover Auf True eingestellt, füllt die gesamte Fläche und schneidet die Kanten ein, während False zu jedem Bild darin passt. Timer Zeigt eine dünne Fortschrittsleiste für die aktuelle Folie an, sie ist standardmäßig eingeschaltet, und die Folien drehen sich weiter, wenn Sie sie ausschalten.
- Verzögerung: Wie lange jede Folie auf dem Bildschirm bleibt, in Millisekunden.
- Bildauflösung: Laden Sie Groß oder Mittel statt Voll, um die Dateigrößen niedrig zu halten.
- Wo es funktioniert: Container, Abschnitte und Spalten, sodass eine Spalte neben einer statischen eine eigene Diashow ausführen kann.
Elementor-Hintergrund-Diashow vs. Hintergrund-Slider-Erweiterung
Das kostenlose Elementor-Kern-Plugin enthält bereits einen Slideshow-Hintergrundtyp (gecheckt auf Elementor 4.2.4).Setzen Sie den Hintergrundtyp eines Containers auf Slideshow und Sie erhalten einen rotierenden Grundhintergrund ohne Addon So schneidet er mit der Erweiterung ab.
| Merkmal | Elementor-Diashow-Hintergrund | Master Addons Hintergrund Slider |
|---|---|---|
| Preis | Frei (Elementorkern) | Kostenlos (Master Addons) |
| Arbeitet an | Behälter, Abschnitte, Säulen | Behälter, Abschnitte, Säulen |
| Übergänge | 5: Fade und Slide in vier Richtungen | 24 plus Zufällig |
| Übergangsdauer | Ja, in ms (500 Standard) | Keine Einstellung |
| Gleitdauer | Ja, 5000 ms Standard | Verzögerung, 5000 ms Standard |
| Ken Burns | Vergrößern oder verkleinern | 9 Richtungen, zufällig oder keine |
| Überlagerung | Separater Abschnitt zur Hintergrundüberlagerung | 9 Muster-Overlays oder benutzerdefinierte Farbe, Bild, Verlauf |
| Zufällige Reihenfolge | Nein | Ja |
| Fortschrittsanzeige | Nein | Ja (Timer) |
| Unendlicher Schleifenknebel | Ja | Immer Schleifen |
| Lazyload | Ja | Nein |
| Größe und Position pro Gerät | Ja | Nur ein- oder ausdecken |
Wenn fünf Übergänge und ein einfacher Zoom das abdecken, was Sie benötigen, ist die Elementor-Diashow die leichtere Option und verfügt über eine Lazyload- und Gerätepositionierung, die der Erweiterung fehlt. Die Erweiterung lohnt sich hinzuzufügen, wenn Sie mehr Übergangsstile, eine gerichtete Ken-Burns-Bewegung, Musterüberlagerungen, eine zufällige Reihenfolge oder eine sichtbare Timerleiste wünschen.
Weitere Abschnitt-Hintergrundeffekte: Partikel (kostenlos), Hintergrund des animierten Gradienten (Pro) und Glasmorphie (kostenlos) bezeichnet.
So fügen Sie einen Hintergrund-Slider in Elementor hinzu
Die Erweiterung wird mit dem kostenlosen Plugin ausgeliefert und die Einrichtung dauert einige Minuten.
- Master Addons für Elementor von WordPress.org installieren, gehen Sie zu Master-Addons > Erweiterungen Und das überprüfen Hintergrundschieber Einschaltet ist.
- Bearbeiten Sie eine Seite mit Elementor und wählen Sie den Container, Abschnitt oder die Spalte aus, die Sie ändern möchten.
- Öffnen Sie die Stil Tab, erweitern Hintergrundschieber und eingestellt Hintergrund-Slider aktivieren Zu Ja.
- Klicken Sie auf Bilder hinzufügenWählen Sie zwei oder mehr Fotos aus und wählen Sie ein Bildauflösung Das passt zur Schnittbreite.
- Wählen Sie ein Übergang und ein AnimationGeben Sie dann die ein Verzögerung In Millisekunden (standardmäßig 5000).
- Klicken Sie auf Bewerben Um die Vorschau zu aktualisieren, aktualisieren Sie dann die Seite.
Weitere Möglichkeiten, einen Abschnitt zu stylen, finden Sie in unserem Hintergrundhandbuch für Elementorseiten.
Häufig gestellte Fragen für Hintergrund-Slider
Ist die Background Slider-Erweiterung kostenlos?
Ja. Es ist Teil des kostenlosen Master Addons Plugins auf WordPress.org, und jede auf dieser Seite beschriebene Einstellung funktioniert ohne Pro Lizenz Schalten Sie es unter Master Addons > Erweiterungen ein, wenn es ausgeschaltet ist.
Können Besucher innehalten oder sich durch die Folien klicken?
Nein. Es gibt keine Pfeile, Punkte oder Pausentaste Die Folien drehen sich bei der von Ihnen eingestellten Verzögerung von selbst, und die optionale Timer-Leiste zeigt nur den Fortschritt an, wenn Besucher sich durch Bilder klicken müssen, verwenden Sie ein Karussell wie das Bild Karussell Widget statt.
Wie unterscheidet es sich von der Elementor-Hintergrund-Diashow?
Free Elementor hat bereits einen Slideshow-Hintergrundtyp mit 5 Übergängen, einen Ken Burns-Zoom in oder out, eine Einstellung der Übergangsdauer, Lazyload und Positionierung pro Gerät Hintergrund Slider gibt Ihnen 24 Übergänge, Ken Burns in neun Richtungen, Muster und benutzerdefinierte Überlagerungen, zufällige Reihenfolge und eine Fortschrittsleiste Es hat keine Einstellung für Lazyload oder Übergangsdauer, also wählen Sie Elementor, wenn diese wichtiger sind.
Werden mehrere große Bilder meine Seite verlangsamen?
Sie können Die Erweiterung hat keine Einstellung für Lazyload, also komprimieren Sie Ihre Fotos vor dem Hochladen und stellen Sie die Bildauflösung auf Groß oder Mittel ein, wenn der Abschnitt schmaler als die Originaldatei ist Drei bis fünf Bilder sind für die meisten Heldenabschnitte reichlich.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
