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, wodurch die Verweildauer auf der Seite um bis zu 88 % erhöht wird. Ein starker erster Eindruck kann den Unterschied ausmachen, ob ein Besucher bleibt oder Ihre Website 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 Hotelempfehlungen, Reiseziele und Tourerlebnisse hervorheben.
• Eine Immobilien-Website könnte virtuelle Rundgänge durch Immobilien anbieten.

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 Servicebewertungen präsentieren.
• 🧑‍🏫 Funktionen und Funktionsweise von Produkten demonstrieren.
• 📢 Kurze Testimonials von zufriedenen Kunden teilen.
• 📚 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 ein kurzer Überblick über alle Schritte, die wir in dieser Anleitung behandeln werden:

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. Bei meinen Tests auf einer Live-WordPress-Website stellte ich fest, dass Soliloquy außergewöhnlich schnell ist, ohne die Ladezeiten von Seiten zu beeinträchtigen.

Es unterstützt beliebte Videoplattformen wie YouTube, Vimeo und Wistia, sodass Sie einfach eine Video-URL einfügen können, um sie zu Ihrem Slider hinzuzufügen. Es ist außerdem vollständig mobil-responsiv, sodass Ihre Videoschlitten auf jedem Gerät großartig aussehen.

Außerdem sind Sie nicht auf Videos beschränkt – Sie können Bilder und andere Inhalte mischen, um ansprechendere Slider zu erstellen. Mehr darüber erfahren Sie in unserem vollständigen Soliloquy-Testbericht.

Als Erstes müssen Sie ein Soliloquy-Konto über die Soliloquy-Website erstellen und die Zip-Datei auf Ihre WordPress-Site hochladen, um es zu installieren.

Weitere Details zur Installation finden Sie in unserem Beitrag über die 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-Slide einfügen“ klicken müssen. Von hier aus können Sie den Titel, die Video-URL, die Bildunterschrift und den Alternativtext für Ihr Video hinzufügen.

Sie können damit beginnen, Ihrer Slide einen klaren Namen zu geben, damit sie später leichter zu organisieren ist.

Geben Sie als Nächstes Ihren Videolink in das Feld „Video-URL“ ein. Sie können einen Link aus Ihrer Mediathek oder vorzugsweise von einer Video-Hosting-Seite wie YouTube, Vimeo oder Wistia verwenden. Fügen Sie einfach die Standard-Video-URL aus Ihrem Browser ein – es ist kein Einbettungscode erforderlich.

Wenn Sie ein Video aus Ihrer Mediathek verwenden, müssen Sie ein Titelbild in das Feld „Bild-URL“ hochladen. Dieses Bild wird angezeigt, bevor das Video abgespielt wird, und hilft, die Leistung zu verbessern, indem verhindert wird, dass das Video sofort geladen wird.

Wenn Sie jedoch einen YouTube-, Vimeo- oder Wistia-Link verwenden, blendet Soliloquy das Feld „Bild-URL“ automatisch für Sie aus.

Sie können auch eine Bildunterschrift hinzufügen, wenn Sie möchten. Dies ist ein großartiger Ort, um kurz zu erklären, worum es in dem Video geht, und um Benutzer zum Klicken auf „Play“ zu ermutigen.

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 Folie ändern, um sie an Ihr Webdesign anzupassen. Sie können auch die Position des Sliders und der Bildunterschrift anpassen, sodass 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.

Bitte beachten Sie jedoch, dass dies die Seitengeschwindigkeit verlangsamen könnte, da der Browser auch das Video laden muss. Außerdem blockieren moderne Browser häufig automatisch abspielende Videos, es sei denn, sie sind stummgeschaltet.

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

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 können Sie den Slider zu Ihrem WordPress-Blog oder Ihrer Website hinzufü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 immer noch den klassischen WordPress-Editor verwenden, können Sie auch einen Video-Slider 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 zu präsentieren, 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 besteht darin, die Inhalte, Links und Beschreibungen Ihrer Multimedia-Dateien hinzuzufügen, indem Sie Ihre Dateien auswählen, sie auf das Add-on hochladen und die entsprechenden Titel- und Beschreibungsfelder ausfüllen.

Für eine ausführlichere Anleitung können Sie unseren Blogbeitrag zum Thema Hinzufügen 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 auf WordPress hält Ihre Website ebenfalls schnell.

Kann ich Videos und Bilder im selben Slider mischen?

Ja. Soliloquy unterstützt mehrere Slide-Typen, sodass Sie Videos, Bilder und sogar benutzerdefinierte HTML-Inhalte in einem einzigen Slider 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 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 Leitfäden zu folgenden Themen lesen:

• Anfängerleitfaden zu WordPress-Bildgrößen (+ Best Practices)
• So fügen Sie mehrere Beitrags-Thumbnails / Beitragsbilder in WordPress hinzu
• So betten Sie Apple Podcasts in WordPress ein
• Wie man einen Podcast startet und ihn erfolgreich macht
• 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.