Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man einen Video-Slider in WordPress erstellt (einfache Anleitung)

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Fragen Sie sich, wie Sie einen Video-Slider zu Ihrer WordPress-Website hinzufügen können?

Wenn Sie hohe Absprungraten verzeichnen, dann ist Ihre Website vielleicht langweilig oder schlecht gestaltet. Video-Slider sind eine gute Möglichkeit, Ihre Homepage oder jede andere Seite auf Ihrer Website zu beleben und die Aufmerksamkeit Ihrer Besucher zu gewinnen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Video-Slider in WordPress erstellen können.

how-to-create-a-video-slider-in-wordpress-og

Warum einen Video-Slider in WordPress verwenden?

Bilder sind großartig, aber Videos sind noch besser, um Ihre WordPress-Website ansprechender zu gestalten. Der erste Eindruck ist wichtig und kann den Unterschied ausmachen, ob ein Besucher bleibt, um Ihre Produkte und Dienstleistungen zu testen, oder ob er Ihre Website verlässt und nie wiederkommt.

Außerdem können Sie Videos für Produktdemonstrationen, Bewertungen oder andere Werbeinhalte verwenden.

Eine Immobilien-Website könnte zum Beispiel virtuelle Besichtigungen von Immobilien zeigen. Reise-Websites können Hotelempfehlungen, Reiseziele und coole Tour-Erlebnisse zeigen, um potenzielle Kunden zu begeistern.

Ein Video-Slider ist ein Slider, der nur Videos und keine statischen Bilder enthält.

Hier sind einige Möglichkeiten, wie Sie Video-Slider für Ihr Unternehmen nutzen können:

  • Erstellen Sie einen eigenen Slider mit kurzen Erfahrungsberichten von zufriedenen Kunden.
  • Teilen Sie Videos von detaillierten Fallstudien.
  • Produkt- oder Dienstleistungsbewertungen anzeigen.
  • Demonstration der verschiedenen Produktmerkmale und ihrer Funktionsweise.

Lassen Sie uns also besprechen, wie Sie in WordPress ganz einfach Video-Slider erstellen können, um Ihr Publikum zu begeistern.

Hinzufügen eines Video-Sliders zu Ihrer WordPress-Website

Der beste und einfachste Weg, Ihrer Website Video-Slider hinzuzufügen, ist die Verwendung eines Plugins.

Wir empfehlen Soliloquy, weil 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 die Ladezeit Ihrer Seite nicht.

Außerdem unterstützt Soliloquy YouTube, Vimeo und Wistia, so dass Sie einfach die URL des Videos eingeben können, wenn es bereits veröffentlicht ist.

Sie ist mobilfähig, sodass Sie damit Folien erstellen können, die auf jedem Gerät und jeder Bildschirmgröße funktionieren. Und schließlich 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 über die Installation eines WordPress-Plugins.

Hinweis: Es gibt auch ein kostenloses Soliloquy-Plugin, mit dem Sie Videoslider erstellen können. Wir werden jedoch das Soliloquy Pro Plugin für unser Tutorial verwenden, da es integrierte Unterstützung für YouTube, Vimeo und Wista sowie weitere Einstellungen zur Videosteuerung bietet.

Nach der Aktivierung gehen Sie einfach auf Soliloquy “ Neu hinzufügen.

Als Nächstes müssen Sie Ihrem neuen Video-Slider einen Titel geben. Klicken Sie dann auf die Schaltfläche „Dateien aus anderen Quellen auswählen“.

Add new video slider

Soliloquy bietet Ihnen auch die Möglichkeit, Videos direkt hochzuladen, aber wir raten davon ab. Weitere Details finden Sie in unserem Leitfaden, warum Sie niemals ein Video in WordPress hochladen sollten.

Es erscheint ein Pop-up-Fenster, in dem Sie auf die Option „Videodia einfügen“ klicken müssen.

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

Insert video slide

Füllen Sie alle Details auf der Grundlage Ihres Videos 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. Außerdem trägt es zur Verbesserung der WordPress-Leistung bei, da das Video nur geladen wird, wenn der Benutzer darauf klickt.

Im Feld Video-URL können Sie dann die Video-URL in Ihrer Mediathek oder direkt auf einer Video-Hosting-Website wie YouTube finden.

Hinweis: Es ist besser, das Video auf eine Video-Hosting-Site hochzuladen, da das Hochladen in die WordPress-Bibliothek die Leistung von WordPress beeinträchtigen kann. Glücklicherweise unterstützt Soliloquy YouTube, Vimeo und Wistia.

Sie haben auch die Möglichkeit, eine Beschriftung für das Video anzugeben. Versuchen Sie, etwas Ansprechendes zu schreiben, das auch beschreibt, was die Besucher erwarten können, wenn sie auf „Play“ klicken.

adding video slide

Wenn Sie ein weiteres Videobild hinzufügen möchten, klicken Sie einfach auf die Schaltfläche „Weiteres Videobild hinzufügen“.

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

Add another video slide

Wiederholen Sie den Vorgang für alle Videofolien, die Sie hinzufügen möchten.

Wenn Sie mit dem Hinzufügen von Videodias fertig sind, klicken Sie einfach auf die Schaltfläche „In Slider einfügen“.

Insert into slider

Ihre Videodias werden auf dem neuen Diabildschirm wie folgt angezeigt.

Wenn Sie Änderungen vornehmen müssen, können Sie jederzeit auf das Stiftsymbol klicken, um das Video zu ändern, oder auf das grüne Symbol „Aktiv“, um das Video zu deaktivieren.

Von hier aus können Sie zur Registerkarte „Konfiguration“ gehen, wo Sie die Darstellung Ihres Video-Sliders anpassen können.

Configuration tab for video slides

Auf diesem Bildschirm gibt es zahlreiche Einstellungen, die Sie vornehmen können. Sie können zum Beispiel die Abmessungen der Folie ändern, um sie an Ihr Web-Design anzupassen.

Sie können den Schieberegler und die Position der Beschriftung auch so anpassen, dass er in einer Linie mit anderen Elementen auf Ihrer Seite steht.

Slider Dimensions

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

Sie können das Video-Slide so einstellen, dass es automatisch abgespielt wird, wenn ein Besucher auf der Seite landet, so dass er gezwungen ist, sich Ihren Inhalt anzusehen. Beachten Sie, dass dies die Geschwindigkeit der Seite verlangsamen kann, da der Browser auch das Video laden muss.

autoplay video

Das Gute an Soliloquy ist, dass das Plugin Ihren Video-Slider auch für mobile Geräte optimieren kann.

Gehen Sie zur Registerkarte „Mobil“. Sie können mobile Slider-Bilder erstellen und Beschriftungen anzeigen, damit die Besucher wissen, was sie sehen werden, bevor sie auf die Wiedergabe klicken.

Mobile video slides

Jetzt können Sie den Slider zu Ihrem WordPress-Blog oder Ihrer Website hinzufügen.

Klicken Sie auf die Schaltfläche „Veröffentlichen“ auf der rechten Seite des Fensters.

Publish button

Anzeige des Video-Sliders in WordPress

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

Wenn Sie sich im WordPress-Editor befinden, klicken Sie auf die Schaltfläche „+“. Fügen Sie dann den Soliloquy-Block zu Ihrer Seite hinzu.

Add soliloquy block

Wählen Sie den soeben erstellten Video-Slider aus dem Soliloquy-Widget aus, um ihn in Ihre Seite einzufügen.

Klicken Sie dann oben auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“.

Insert video slide in WordPress

Das war’s schon. Sie können nun eine Vorschau Ihres Beitrags anzeigen, um Ihre Videofolien in Aktion zu sehen.

So sollte es aussehen:

Video slider preview

Wenn Sie 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 kopieren, der sich auf der Soliloquy-Seite befindet, wo alle Ihre Video-Slider gespeichert sind. Dann fügen Sie diesen Shortcode einfach in Ihren Inhalt ein.

Weitere Informationen finden Sie in unserer Anleitung zum Einfügen eines Shortcodes in WordPress.

Copy shortcode

Bonus: Hinzufügen eines Featured Content Sliders zu WordPress

Zusätzlich zum Hinzufügen von Video-Slidern zu Ihrer Website können Sie auch einen Slider für vorgestellte Inhalte zu Ihren WordPress-Seiten hinzufügen.

Sie können nicht nur Ihre besten Blogbeiträge präsentieren, sondern auch Schieberegler für besondere Inhalte hinzufügen, um Produkte aus Ihrem Online-Shop hervorzuheben, Rezensionen zu teilen, Artikel aus Ihrem Portfolio vorzustellen oder beliebte Kategorien zu zeigen.

Im Gegensatz zu Video-Slidern kann ein Slider für vorgestellte Inhalte eine Kombination aus Bildern und Links auf dem Slider zeigen.

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

activate-featured-content-addon

Fügen Sie dann den Inhalt, die Links und die Beschreibungen Ihrer Multimediadateien hinzu, ähnlich wie Sie es mit dem Video-Slider gemacht haben.

Eine ausführlichere Anleitung finden Sie in unserem Blog-Beitrag über das richtige Hinzufügen eines Sliders für vorgestellte Inhalte in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, Videoslider in WordPress mit Soliloquy hinzuzufügen. Vielleicht möchten Sie auch unsere Liste der besten Video-Hosting-Sites für Blogger, Vermarkter und Unternehmen oder unseren Leitfaden zur Optimierung von Videos für Ihre WordPress-Website lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

2 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Moinuddin Waheed says

    This is very much needed for many websites to showcase short videos for instructions purposes such as product description, services offered and how to guide.
    I have always skipped the idea of embedding video slider merely because of the speed of the website issue.
    Since soliloquy takes care of the speed and allows YouTube video embed in the slider, it will make sense to use it in every website that requires it.
    Thank you wpbeginner for this guide, I will definitely try this out.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.