Das SiteOrigin-Image-Slider-Widget ist ein einfacher, benutzerfreundlicher Schieberegler mit Unterstützung für die Bildüberlagerung. Um dieses Widget zu nutzen, gehen Sie zu Plugins SiteOrigin-Widgets , um das SiteOrigin-Schieberegler-Widget zu aktivieren.

Widget Image-Slider

Bewegen Sie den Mauszeiger darüber und klicken Sie auf den Link Bearbeiten, um zu beginnen, sobald das Slider-Widget mit Page Builder- oder SiteOrigin-Blöcken in Ihren Themen-Widget-Bereich oder Ihre Seite / Ihren Beitrag eingefügt wurde.

Einstellungen Slider / Rahmen

Auf der rechten Seite jedes Rahmens finden Sie drei Symbole.

• Abwärtspfeil öffnet den Rahmen,
• Seitensymbol dupliziert den Rahmen und das
• Kreuzsymbol löscht den Rahmen.

Nach dem Öffnen finden Sie in jedem Frame die folgenden Einstellungen:

Slider Screen (Rahmen/Hintergrundvideos)

Screen Hintergrundvideos

Eine der mächtigsten Funktionen des Slider-Widgets ist, wie einfach es ist, Hintergrundvideos zu Ihren Slider-Frames hinzuzufügen. Dies ist eine etwas fortgeschrittenere Funktion. Sie benötigen grundlegende Kenntnisse über HTML5-Videos und die verschiedenen Videoformate.  MP4 ist ein weit verbreitetes HTML5-kompatibles Videoformat. Das einzige Problem ist, dass einige Browser, insbesondere Firefox, dies nicht unterstützen.

Verwenden Sie wie bei den Frame-Steuerelementen die Schaltfläche Hinzufügen, um ein neues Hintergrundvideo hinzuzufügen. Die drei Symbole auf der rechten Seite repräsentieren, öffnen, duplizieren und löschen.

In jedem Videobild finden Sie die folgenden Einstellungen:

Video - Datei

Verwenden Sie die Wählen Sie Media , um ein Video zu wählen oder hochladen.

Video-URL (optional)

Eine externe URL des Videos. Überschreibt die obige Einstellung für Videodateien.

Autoplay / Automatisch abspielen

Aktivieren Sie diese Option, um das Hintergrundvideo automatisch abzuspielen . Derzeit nur für YouTube-Videos verfügbar.

Videoformat

Wählen Sie das Format des Videos aus. Wählen Sie zwischen MP4, WebM oder Ogg.

Wenn Sie fertig sind,

klicken Sie erneut auf Hinzufügen, um ein Video mit einem anderen Format hinzuzufügen. Es sei denn, Sie haben nur einen Browser als Ziel ausgewählt.

Das Hintergrundvideo wird ähnlich wie das Hintergrundbild platziert. Dies bedeutet, dass es sich ausdehnt, um die Breite des Behälters auszufüllen. Das Video wird abgespielt und automatisch durchlaufen. Es ist wichtig, dass Sie auch ein Hintergrundbild verwenden, wenn Sie ein Hintergrundvideo verwenden. Dieses Bild wird angezeigt, während das Video geladen wird, und wird in einem Fallback für Mobilgeräte verwendet, bei denen die automatische Wiedergabe von Hintergrundvideos nicht möglich ist.

Einstellungen Hintergrundvideos

Unter dem Abschnitt Hintergrundvideos finden Sie die folgenden Einstellungen:

Hintergrundbild

Verwenden Sie die Schaltfläche Medium auswählen, um ein Hintergrundbild für Ihren Slider-Frame auszuwählen oder hochzuladen.

Rechts neben der Einstellung für das Hintergrundbild befindet sich ein Feld für die externe URL. Verwenden Sie dieses Feld, wenn Sie Ihr Folienrahmen-Hintergrundbild von einer externen URL anstelle Ihrer Medienbibliothek laden möchten. Dieses Feld überschreibt nicht das Feld Medium auswählen. Wenn Sie ein externes Bild laden, muss das Feld Medium auswählen leer sein.

Hintergrundfarbe

Wählen Sie die Hintergrundfarbe des Folienrahmens aus. Sichtbar, wenn das Hintergrundbild transparent ist oder bevor das Hintergrundbild oder Video geladen wurde.

Hintergrund-Bildtyp

Wählen Sie den Hintergrundbildtyp aus. Wählen Sie zwischen Cover, Tiled oder Parallax.

• Cover deckt den verfügbaren Platz mit dem Bild ab.
• Gekachelt behält die Bildabmessungen bei und wiederholt das Bild, wenn der Schiebereglerrahmen größer als das Bild ist.

Vordergrundbild

Wählen Sie optional ein Vordergrundbild aus, das über dem Hintergrundbild angezeigt werden soll. Verwenden Sie die Schaltfläche Medium auswählen, um ein Vordergrundbild für Ihren Slider-Frame auszuwählen oder hochzuladen.

Feld für die externe URL

Rechts neben der Einstellung für das Vordergrundbild befindet sich ein Feld für die externe URL. Verwenden Sie dieses Feld, wenn Sie das Vordergrundbild Ihres Folienrahmens von einer externen URL anstelle Ihrer Medienbibliothek laden möchten. Dieses Feld überschreibt nicht das Feld Medium auswählen. Wenn Sie ein externes Bild laden, muss das Feld Medium auswählen leer sein.

Die Hintergrund- und Vordergrundbilder können leicht verwirrend sein.

Hintergrundbild

bildet den Hintergrund des Rahmens. Das Schieberegler-Widget streckt dieses Bild so, dass es die gesamte Breite Ihres Schiebereglers ausfüllt, der sich wiederum so streckt, dass er die Breite seines Containers (normalerweise Ihre Seite) ausfüllt. Sie können festlegen, wie dies erfolgen soll, indem Sie als Hintergrundbildtyp entweder Deckblatt oder Kachel auswählen .

Vordergrundbild

wird über das Hintergrundbild gelegt. Es wird niemals auf eine Größe gestreckt, die größer als die tatsächliche Bildgröße ist (bei Geräten mit kleinerem Bildschirm wird es jedoch verkleinert). Normalerweise verwenden Sie diese Option, um Text über das Hintergrundbild zu legen .

Schieberegler als Standard-Slider

Wenn Sie den Schieberegler als Standard-Slider ohne Überlagerungen verwenden möchten, können Sie Ihre Bilder einfach in das Hintergrundbild hochladen.

Ziel-URL
Geben Sie eine Ziel-URL ein, wenn Sie den Schiebereglerrahmen verknüpfen möchten.

In einem neuen Fenster

öffnen Aktivieren Sie diese Option, wenn Sie den Link in einem neuen Fenster öffnen möchten.

Controls / Kontrollen

Screen Controls

Screen Controls / Kontrollen

Animationsgeschwindigkeit / Wie oft neues Bild?

der Slider-Frame-Animation in Millisekunden. Die Standardeinstellung ist 800.

Zeitüberschreitung / Wie lange Slider-Bild anzeigen?

Wie lange jeder Slider-Frame in Millisekunden angezeigt wird. Die Standardeinstellung ist 8000.

Navigationsfarbe im Slider-Bild

Wählen Sie die Farbe der Slider-Navigationselemente, der Links- / Rechtspfeile und der unteren Slider-Navigation (Punkte).

Navigationsstil

Wählen Sie den Navigationsstil, die verfügbaren Optionen sind:

• Ultra dünn
• Dünn (Standardoption)
• Mittel
• Dick
• Ultra dünn gerundet
• Abgerundet dünn
• Abgerundetes Medium
• Dick gerundet

Navigationsgröße (Größe Navigationspfeile)

Die Schriftgröße der Navigationspfeile für den linken / rechten Schieberegler. 25ist die Standardeinstellung. Die Maßeinheit ist Pixel.

Navigation auf Mobilgeräten

immer anzeigen Standardmäßig wird die Slider-Navigation auf Mobilgeräten nicht angezeigt. Benutzer können durch Wischen zwischen Schiebereglern navigieren. Aktivieren Sie diese Option, um Navigationselemente (Pfeile und Punkte) auf Mobilgeräten anzuzeigen.

Swipe-Steuerung

Ermöglicht Benutzern, auf Mobilgeräten durch Frames zu wischen. Standardmäßig aktiviert.

Folien-Hintergrundvideos auf Mobilgeräten

anzeigen Ermöglichen Sie das Anzeigen von Folien-Hintergrundvideos auf Mobilgeräten, die die automatische Wiedergabe unterstützen. Standard deaktiviert.