Widget „Medien-Schieberegler"

Widget-Kategorien: Medien

Der „Medien-Schieberegler" zeigt Folien mit Video, Bild oder reinem Text und bringt dazu verschiedene Layouts mit. Über die vielen Einstellungen und Design-Optionen stellst du ihn ganz unterschiedlich zusammen, passend für nahezu jeden Inhalt. Die Beispiele reichen von Kundenstimmen, FAQs und Produktpräsentationen bis zu einem Team-Bereich oder deinen Dienstleistungen. So lieferst du deinen Besuchern interaktive, geordnete Inhalte in einer einzigen Ansicht.

Hinweis:

• Es sind maximal 25 Folien möglich.
• Unterstützt werden Bild- und Videodateien. Dazu zählen .svg, .png, .jpg, .gif und alle Videoformate.
• Bei Videos ist der Ton deaktiviert, da sie als Hintergrund der Folien dienen.
• Ob Videos automatisch abgespielt werden, hängt von bestimmten Browser-Einschränkungen und den Geräteeinstellungen ab (ist zum Beispiel der Energiesparmodus aktiv, werden Videos möglicherweise nicht automatisch abgespielt).

Wie du Widgets hinzufügst, erfährst du unter „Add Widgets".

Inhalte bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option für den Inhalts-Editor.

Folien hinzufügen, anordnen und entfernen

Folien hinzufügen. Um dem Schieberegler Medien hinzuzufügen, klicke auf Slides hinzufügen. So entsteht eine neue Folie und deren Einstellungen öffnen sich.

Folien duplizieren. Um eine Folie zu duplizieren, fahre mit der Maus darüber und wähle das Duplizieren-Symbol.

Folien anordnen. Um die Reihenfolge der Folien zu ändern, klicke eine Folie an und zieh sie an die gewünschte Position.

Folien entfernen. Fahre mit der Maus über das Vorschaubild der Folie, die du löschen möchtest, und klicke auf das Papierkorb-Symbol. Um alle Folien zu entfernen, klicke auf Alles löschen.

Optionen für einzelne Folien

• Media (Bild oder Video). Füge die gewünschten Medien hinzu. Wähle Klicken Sie hier, um Medien hinzuzufügen, um die Media Library zu öffnen.

  Hinweis: Wenn du mehrere Folien hinzufügen möchtest, nutze die Option Mehrere Dateien hinzufügen. Beachte, dass dabei neue Folien entstehen und nicht mehrere Dateien zur aktuellen Folie hinzugefügt werden.

• Position. Lege fest, welcher Teil der Medien angezeigt wird (die Option erscheint, sobald Medien hinzugefügt wurden).

• Alt text. Gib deinen eigenen Alternativtext ein.

• Text auf Folie. Text (Titel und Beschreibung), den du auf der Folie anzeigen möchtest. Diese Felder lassen sich zwar nicht direkt ausblenden, bleiben sie aber leer, werden sie faktisch ausgeblendet.

  Hinweis: Das lange Textfeld bietet verschiedene Formatierungsoptionen, etwa kursiv, fett oder unterstrichen.

• Button. Die Schaltfläche der Folie lässt sich über das Augen-Symbol ausblenden.

  Hinweis: Sobald ein Link hinzugefügt ist, wird die gesamte Folie anklickbar. Ob du die Schaltfläche vor oder nach dem Hinzufügen des Links ausblendest, spielt keine Rolle: Die Folie bleibt anklickbar und mit dem Ziel verlinkt.

Design bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.

1. Um das Layout des Schiebereglers zu ändern, klicke auf das Vorschaubild des aktuellen Layouts. Lege die Anzahl der Spalten fest, indem du auf die Liste neben Anzahl der Spalten klickst.
2. Übergang. Lege den Übergang zwischen den Folien fest.
   • Diashow-Übergang. Wähle Fade oder Slide.
   • Automatische Wiedergabe.
   • Diashow-Geschwindigkeit. Verschiebe den Regler, um eine Geschwindigkeit zwischen 1 und 20 Sekunden zu wählen.
   • Diashow beim Hovern pausieren.
   • Animation.
3. Navigationsindikatoren. Lege die Anzeigeelemente zum Navigieren durch die Folien fest.
   • Display. Wähle eine Option aus der Liste.
   • Größe.
   • Abstand dazwischen.
   • Farbe.
4. Medien & Hintergrund.
   • Vollständige Medien anzeigen. Zeigt die Medien in ihren Originalmaßen an. Beachte, dass dadurch zusätzlicher Abstand an den Rändern des Schiebereglers entstehen kann.
   • Überlagerung: Farbe. Über einen Regler lässt sich zudem die Deckkraft (Opacity) einstellen.
   • Hintergrundfarbe.
5. Rahmen. Lege den Rahmen fest (passe zum Beispiel die Maße an oder gestalte die Umrandung).
   • Ausrichtung & Innenabstand. Passe Ausrichtung und Innenabstand der Inhalte innerhalb jeder Folie an. Über diese Einstellungen legst du fest, wie die Inhalte auf der Folie platziert werden.
   • Ausrichtung des Inhalts. Richte die Inhalte innerhalb jeder Folie links, zentriert oder rechts aus.
   • Abstand zwischen Elementen.
     • Zwischen Medien & Titel. Diese Option ist nur verfügbar, wenn die Medien nicht der Hintergrund der Folie sind.
     • Zwischen Titel & Beschreibung.
     • Zwischen Beschreibung & Button.
   • Horizontaler Innenabstand.

Informationen zu Design-Optionen, die nicht speziell zu diesem Widget gehören (zum Beispiel Layout, Stil oder Abstände), findest du unter „Widget Design".

So erstellst du einen Text-Schieberegler mit Kundenstimmen

Mit dem Widget „Medien-Schieberegler" hast du je nach den Medien, die du in deinen Schieberegler mit Kundenstimmen aufnehmen möchtest, mehrere Optionen.

So erstellst du einen Schieberegler mit Kundenstimmen ohne Hintergrundbild:

1. Füge das Widget „Medien-Schieberegler" zu deiner Seite hinzu.
2. Klicke im Inhalt des Medien-Schiebereglers auf Alles löschen, um alle Standardfolien zu löschen.
3. Klicke auf Slides hinzufügen.
4. Füge in den Folieneinstellungen hinzu:
   • (Optional) Klicke im Bereich Media auf Klicken Sie hier, um Medien hinzuzufügen, um das Bild einer Kundin oder eines Kunden hinzuzufügen.
   • Den Inhalt der Kundenstimme (etwa Name und Aussage).
5. Wähle im Tab Design eines der folgenden Layouts (dies sind die empfohlenen Layouts, andere erfordern möglicherweise zusätzliche Einrichtung):
   • Das Standard-Layout (am besten, wenn keine Kundenbilder genutzt werden). Standardmäßig hat dieses Layout eine Bildüberlagerung (und eine Hintergrundfarbe). Das lässt sich im Bereich Image & Background anpassen.
   • Das Kundenbild steht über dem Inhalt der Kundenstimme.
   • Die Folien wechseln vertikal, mit dem Bild links und dem Inhalt der Kundenstimme rechts.
6. Passe die übrigen Design-Einstellungen nach Wunsch an.