So erstellen Sie einen Videoslider in WordPress (einfaches Tutorial)

Es kann frustrierend sein, zu sehen, wie Ihre WordPress-Absprungrate steigt, während Konkurrenten mühelos Aufmerksamkeit erregen. Oft liegt der Unterschied in einer Sache: Bewegung.

Statische Seiten können das Interesse kaum aufrechterhalten, sodass Besucher ohne Engagement vorbeiscrollen.

Eine Möglichkeit, dies zu beheben? Einen Videoslider hinzufügen.

Video-Slider erwecken Ihre Inhalte zum Leben, indem sie Bewegung, Bilder und Storytelling kombinieren. Sie helfen dabei, Aufmerksamkeit zu erregen, wie es statische Bilder einfach nicht können, und ermutigen Benutzer, länger auf Ihrer Website zu bleiben.

In diesem Tutorial zeigen wir Ihnen, wie Sie einen Video-Slider in WordPress ohne jegliche Programmierung erstellen. Am Ende haben Sie eine dynamische Homepage, die Ihre Website überzeugender macht und Besucher fesselt. 🙌

Warum einen Video-Slider in WordPress verwenden?

Video-Slider sind eine einfache Möglichkeit, Ihre WordPress-Website ansprechender und einprägsamer zu gestalten.

Im Gegensatz zu statischen Bildern erregen Videos sofort Aufmerksamkeit und können in kürzerer Zeit mehr zeigen. Ein starker erster Eindruck kann den Unterschied ausmachen, ob ein Besucher bleibt oder Ihre Seite verlässt.

Video-Slider sind auch unglaublich vielseitig. Sie können sie verwenden, um Produktdemos hervorzuheben, Kunden Bewertungen zu teilen oder Werbeinhalte zu präsentieren. Zum Beispiel:

• Eine Reise-Website könnte Hotel-Empfehlungen, Reiseziele und Tour-Erlebnisse hervorheben.
• Eine Immobilien-Website könnte virtuelle Immobilien-Rundgänge präsentieren.

Im Grunde sind Video-Slider einfach Diashows, die Videos anstelle von Bildern verwenden. Dies kann Ihre Website lebendiger und interaktiver machen.

Hier sind einige praktische Möglichkeiten, Video-Slider auf Ihrer WordPress-Website zu verwenden:

• Produkt- oder Dienstleistungsbewertungen präsentieren.
• Funktionen und Funktionsweise von Produkten demonstrieren.
• Teilen Sie kurze Kundenmeinungen von zufriedenen Kunden.
• Detaillierte Fallstudien hervorheben.

In diesem Sinne werden wir uns ansehen, wie Sie ganz einfach Video-Slider in WordPress erstellen können, um Ihr Publikum zu fesseln. Hier ist eine kurze Übersicht über alle Schritte, die wir in diesem Leitfaden behandeln werden:

1. Ein Video-Slider zu Ihrer WordPress-Website hinzufügen
2. Anzeigen des Video-Sliders in WordPress
3. Bonus: Hinzufügen eines Featured Content Sliders zu WordPress
4. FAQs: Erstellen von Video-Slidern in WordPress
5. Nächste Schritte: Anleitungen zur Verwendung von Mediendateien in WordPress

Bereit? Legen wir los!

Ein Video-Slider zu Ihrer WordPress-Website hinzufügen

Der einfachste Weg, Videoslider zu Ihrer Website hinzuzufügen, ist die Verwendung eines Plugins.

Wir empfehlen Soliloquy, da es das beste WordPress Slider-Plugin auf dem Markt ist. Während die meisten WordPress Slider-Plugins Ihre Website verlangsamen, ist Soliloquy super schnell und beeinträchtigt nicht die Ladezeit Ihrer Seiten.

Wir haben es ausgiebig getestet und Sie können mehr darüber in unserem vollständigen Soliloquy-Testbericht erfahren.

Soliloquy unterstützt mehrere Videoplattformen, darunter YouTube, Vimeo und Wistia. Sie können also einfach die Video-URL eingeben, wenn es bereits veröffentlicht ist.

Das Plugin ist auch mobil-responsiv. Das bedeutet, dass Sie damit Video-Folien erstellen können, die auf jedem Gerät und jeder Bildschirmgröße funktionieren. Darüber hinaus ermöglicht es mehrere Folientypen, sodass Sie auch Videos, Bilder und Inhalte hinzufügen können.

Als Erstes müssen Sie das Soliloquy-Plugin installieren und aktivieren. Weitere Details zur Installation finden Sie in unserem Beitrag zur Installation eines WordPress-Plugins.

Nach der Aktivierung navigieren Sie einfach zu Soliloquy » Neu hinzufügen.

Auf dem nächsten Bildschirm müssen Sie Ihrem neuen Video-Slider einen Titel geben. Klicken Sie dann auf die Schaltfläche „Dateien aus anderen Quellen auswählen“.

Ein Pop-up-Fenster wird angezeigt, in dem Sie auf die Option 'Video-Folie einfügen' klicken müssen.

Hier müssen Sie den Titel, die Video-URL, die Bildunterschrift und den Alt-Text des Videos hinzufügen.

Für die Video-URL können Sie einen Link aus Ihrer Mediathek oder vorzugsweise eine Video-Hosting-Website wie YouTube, Vimeo oder Wistia verwenden.

Füllen Sie einfach alle Details basierend auf Ihrem Video aus.

Im Feld 'Bild-URL' müssen Sie auch ein Platzhalterbild für das Video angeben. Dieses Bild wird verwendet, wenn das Video nicht abgespielt wird. Es hilft auch, die WordPress-Leistung zu verbessern, da das Video erst geladen wird, wenn der Benutzer darauf klickt.

Dann können Sie im Feld „Video-URL“ die Video-URL aus Ihrer Mediathek oder direkt von einer Video-Hosting-Seite wie YouTube finden.

Sie haben auch die Möglichkeit, dem Video eine Bildunterschrift hinzuzufügen. Wenn Sie dies tun, empfehlen wir, etwas Einprägsames zu schreiben, das auch beschreibt, was die Leute erwartet, wenn sie auf „Play“ klicken.

Wenn Sie eine weitere Videodiashow hinzufügen möchten, klicken Sie einfach auf die Schaltfläche „Weitere Videodiashow hinzufügen“.

Von dort aus müssen Sie den Titel, die Video-URL, die Bild-URL, die Bildunterschrift und den Alternativtext des nächsten Videos hochladen.

Wenn das erledigt ist, können Sie den Vorgang für alle Videofolien wiederholen, die Sie hinzufügen möchten.

Klicken Sie danach einfach auf die Schaltfläche „In Slider einfügen“.

Ihre Video-Slides werden auf dem Bildschirm für neue Slides wie folgt angezeigt.

Wenn Sie Änderungen daran vornehmen müssen, können Sie jederzeit auf das Stiftsymbol klicken, um das Video zu bearbeiten, oder auf das Symbol „Inaktiv“ klicken, um es inaktiv zu machen.

Von hier aus können Sie zum Tab 'Konfiguration' gehen, um anzupassen, wie Ihr Video-Slider erscheinen soll.

Auf diesem Bildschirm können Sie verschiedene Einstellungen umschalten.

Sie können beispielsweise die Abmessungen der Folien ändern, damit sie zu Ihrem Webdesign passen. Sie können auch die Position des Sliders und der Beschriftung anpassen, damit sie mit anderen Elementen auf Ihrer Seite übereinstimmen.

Eine weitere Option, die Sie in Betracht ziehen möchten, ist, ob Sie die automatische Wiedergabe von Videos zulassen möchten oder nicht.

Sie können die Video-Folie so einstellen, dass sie automatisch abgespielt wird, wenn ein Besucher auf der Seite landet, sodass er gezwungen ist, Ihre Inhalte anzusehen. Beachten Sie jedoch, dass dies die Seitenladegeschwindigkeit verlangsamen kann, da der Browser auch das Video laden muss.

Das Gute an Soliloquy ist, dass das Plugin auch Ihren Video-Slider für mobile Geräte optimieren kann. Sie müssen die Einstellungen jedoch manuell vornehmen.

Um dies zu tun, gehen wir zum Tab 'Mobile'.

Sobald Sie sich darin befinden, können Sie mobile Slider-Bilder erstellen und Bildunterschriften anzeigen, damit die Leute wissen, was sie sehen werden, bevor sie auf „Play“ klicken.

Jetzt sind Sie bereit, den Slider zu Ihrem WordPress-Blog oder Ihrer Website hinzuzufügen.

Klicken Sie im rechten Bedienfeld auf die Schaltfläche „Veröffentlichen“.

Anzeigen des Video-Sliders in WordPress

Um Ihren Slider einzubetten, möchten Sie vielleicht einen Beitrag oder eine Seite erstellen oder bearbeiten, auf der Sie ihn anzeigen möchten.

Im WordPress-Editor können Sie auf die Schaltfläche „+“ klicken, um den Soliloquy-Block zu Ihrer Seite hinzuzufügen. Um den Vorgang zu erleichtern, können Sie „Soliloquy“ in die Suchleiste eingeben.

Wählen Sie dann den gerade erstellten Video-Slider aus dem Soliloquy-Widget aus und fügen Sie ihn auf Ihrer Seite ein.

Wenn das erledigt ist, klicken Sie auf die Schaltfläche 'Veröffentlichen' oder 'Aktualisieren' oben.

Das ist alles. Sie können jetzt eine Vorschau Ihres Beitrags anzeigen, um Ihre Video-Slides in Aktion zu sehen.

So könnte es aussehen:

Wenn Sie noch den klassischen WordPress-Editor verwenden, können Sie auch einen Videoslider zu jeder WordPress-Seite oder jedem Beitrag hinzufügen.

Sie müssen den Shortcode von der Soliloquy-Seite kopieren, auf der alle Ihre Videoslider gespeichert sind. Fügen Sie diesen Shortcode dann einfach in Ihren Inhalt ein.

Weitere Informationen finden Sie in unserem Leitfaden zum Einfügen eines Shortcodes in WordPress.

Bonus: Hinzufügen eines Featured Content Sliders zu WordPress

Zusätzlich zum Hinzufügen von Videoschiebereglern zu Ihrer Website möchten Sie vielleicht auch einen Featured Content Slider zu Ihren WordPress-Seiten hinzufügen.

Neben der Präsentation Ihrer besten Blogbeiträge können Sie Featured-Content-Slider hinzufügen, um hervorgehobene Produkte aus Ihrem Online-Shop hervorzuheben, Bewertungen zu teilen, Portfolio-Elemente zu zeigen oder beliebte Kategorien anzuzeigen.

Im Gegensatz zu Video-Slidern kann ein Featured-Content-Slider eine Kombination aus Bildern und Links auf der Folie anzeigen.

Alles, was Sie tun müssen, ist das „Featured Content Addon“ in Soliloquy zu installieren.

Der nächste Schritt ist das Hinzufügen von Inhalten, Links und Beschreibungen Ihrer Multimedia-Dateien, ähnlich wie Sie es beim Videoslider getan haben.

Für ein ausführlicheres Tutorial können Sie unseren Blogbeitrag über die richtige Einbindung eines Featured Content Sliders in WordPress lesen.

FAQs: Erstellen von Video-Slidern in WordPress

Wenn Sie sich immer noch fragen, wie sich Video-Slider auf Ihre Website auswirken oder wie Sie sie effektiv nutzen können, werden diese häufig gestellten Fragen die wichtigsten Punkte abdecken.

Verlangsamt ein Video-Slider meine Website?

Das kann es, aber Plugins wie Soliloquy sind auf Leistung ausgelegt. Sie verwenden Lazy Loading, sodass das Video erst geladen wird, wenn ein Benutzer auf „Play“ klickt. Die Verwendung eines Video-Hosting-Dienstes wie YouTube, Vimeo oder Wistia anstelle des direkten Hochladens in WordPress hält Ihre Website ebenfalls schnell.

Kann ich Videos und Bilder im selben Slider mischen?

Ja. Soliloquy unterstützt mehrere Folientypen, sodass Sie Videos, Bilder und sogar benutzerdefinierte HTML-Inhalte in einer einzigen Diashow kombinieren können.

Für Videos können Sie ein Platzhalterbild (Posterbild) bereitstellen, das angezeigt wird, bevor das Video abgespielt wird. Dies verbessert die Leistung und stellt sicher, dass Ihr Slider beim Laden gut aussieht.

Sind Soliloquy Video-Slider mobilfreundlich?

Absolut. Nach unseren Tests ist Soliloquy vollständig responsiv, sodass sich Slider automatisch an Desktops, Tablets und Smartphones anpassen.

Muss ich programmieren können, um einen Videoschieberegler hinzuzufügen?

Überhaupt nicht. Wenn Sie diesem Tutorial folgen, ist es komplett codefrei. Dies ermöglicht es jedem, auch Erstbesuchern, ganz einfach einen Videoslider zu erstellen, anzupassen und hinzuzufügen.

Nächste Schritte: Anleitungen zur Verwendung von Mediendateien in WordPress

Wir hoffen, dieser Artikel hat Ihnen geholfen, Video-Slider in WordPress mit Soliloquy hinzuzufügen. Als Nächstes möchten Sie vielleicht auch unsere Anleitungen zu folgenden Themen lesen:

• Anfängerleitfaden zu WordPress-Bildgrößen (+ Best Practices)
• So fügen Sie mehrere Beitrags-Thumbnails / Beitragsbilder in WordPress hinzu
• Wie man ein Audio-Musik-Player-Widget in WordPress hinzufügt
• So betten Sie Apple Podcasts in WordPress ein
• Wie man PDF-Indizierung und -Suche in WordPress hinzufügt
• Wie man einen Podcast startet und ihn erfolgreich macht
• So optimieren Sie Videos für Ihre WordPress-Website
• Beste Video-Hosting-Seiten für Blogger, Vermarkter und Unternehmen

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.