Sind Sie schon einmal auf einer Website gelandet und von einer schönen, gleitenden Galerie auf der Startseite beeindruckt gewesen? Es ist eine großartige Möglichkeit, Ihre besten Inhalte hervorzuheben, aber es kann eine echte Herausforderung sein, sie auf jedem Gerät gut aussehen zu lassen.
Wir wissen, wie frustrierend es ist, wenn ein Slider auf Ihrem Computer perfekt aussieht, aber auf einem Smartphone sperrig oder kaputt ist. Eine schlechte mobile Erfahrung kann Besucher leicht abschrecken.
Nach dem Testen Dutzender von Tools auf unseren eigenen Websites haben wir die einfachsten Wege gefunden, Slider zu erstellen, die überall einwandfrei funktionieren. Sie benötigen keine Programmierkenntnisse, um einen zu erstellen, der die Aufmerksamkeit Ihrer Besucher auf sich zieht.
In diesem Artikel zeigen wir Ihnen einige einfache Methoden, um einen responsiven Slider zu Ihrer WordPress-Website hinzuzufügen.

Warum sollten Sie Ihrer Website einen responsiven WordPress-Slider hinzufügen?
Ein Content-Slider oder eine Diashow ist eine großartige Möglichkeit, Ihre beliebtesten WooCommerce-Produkte, die neuesten YouTube-Videos, Kundenrezensionen und mehr hervorzuheben.

Einige Slider spielen automatisch ab, sodass sie sich automatisch zwischen den Folien bewegen. Dies ermöglicht es Ihnen, viele Informationen auf kleinem Raum anzuzeigen und viel Platz für andere Inhalte zu lassen.
Denken Sie daran, dass der Schlüssel zu einem großartigen Slider die Verwendung von hochwertigen, aber gut optimierten Bildern ist. Dies sorgt dafür, dass Ihr Slider scharf aussieht, ohne Ihre Website zu verlangsamen. 👍
Aus diesem Grund verwenden viele Websites Slider auf ihren wichtigsten Seiten, wie z. B. einer Landingpage, der Startseite oder einer Verkaufsseite.
Selbst wenn ein Slider auf Autoplay eingestellt ist, können Besucher normalerweise manuell zwischen den Folien wechseln, indem sie Navigationsschaltflächen verwenden. Auf diese Weise ermutigt ein Slider die Besucher, mit Ihrer Website zu interagieren, was sie ansprechender macht.
Sie können im folgenden GIF sehen, wie dynamisch ein Video-Slider eine Seite machen kann.

Mit diesen Worten sehen wir uns an, wie Sie ganz einfach einen responsiven Slider in WordPress erstellen können. Verwenden Sie einfach die Schnelllinks unten, um direkt zu der Methode zu springen, die Sie verwenden möchten.
- Methode 1. Erstellen eines responsiven WordPress-Sliders mit einem Plugin (schnell und einfach)
- Methode 2. Erstellen Sie einen responsiven Slider mit einem Page Builder (anpassbarer)
- Methode 3. Erstellen eines Sliders mit Smash Balloon (am besten für soziale Beiträge und Bewertungen)
- Häufig gestellte Fragen zu responsiven Slidern
- Zusätzliche Ressourcen
Methode 1. Erstellen eines responsiven WordPress-Sliders mit einem Plugin (schnell und einfach)
Wenn Sie einen einfachen Slider erstellen möchten, der sowohl auf dem Desktop als auch auf dem Mobilgerät gut aussieht, empfehlen wir die Verwendung des Soliloquy Plugins.
Dieses WordPress Slider Plugin ermöglicht es Ihnen, Folien mit Bildern aus Ihrer Mediathek zu erstellen und kann auch Videos anzeigen, die auf Plattformen von Drittanbietern wie YouTube gehostet werden.

Sie können auch jedem Slide Alt-Text und Bildunterschriften hinzufügen, was großartig ist, um SEO-freundliche Inhalte zu erstellen.
Zuerst müssen Sie sich für ein Soliloquy-Konto anmelden. Danach können Sie das Soliloquy Plugin auf Ihrer Website installieren und aktivieren. Weitere Details finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung gehen Sie im WordPress-Dashboard zu Soliloquy » Einstellungen und geben Sie Ihren Lizenzschlüssel ein.

Der Schlüssel kann gefunden werden, indem Sie sich in Ihr Konto auf der Soliloquy-Website einloggen. Nach Eingabe dieser Informationen klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.
Wenn Sie dies getan haben, können Sie Ihrer WordPress-Website einen neuen Slider hinzufügen, indem Sie zu Soliloquy » Neu hinzufügen gehen.

Sie können mit der Eingabe eines Titels beginnen. Dies dient nur zu Ihrer Information, sodass Sie alles verwenden können, was Ihnen hilft, den Slider in Ihrem WordPress-Dashboard zu identifizieren.
Als Nächstes ist es an der Zeit, Bilder und Videos zum Slider hinzuzufügen. Sie können Dateien per Drag & Drop in den Editor ziehen oder auf „Dateien aus anderen Quellen auswählen“ klicken.

Wenn Sie Bilder verwenden möchten, können Sie diese Dateien auf die gleiche Weise hinzufügen, wie Sie Bilder im WordPress Block-Editor hinzufügen.
Wenn Sie Videos einbinden möchten, empfehlen wir, diese auf einer Videohosting-Seite wie YouTube oder Vimeo hochzuladen. Videos direkt auf Ihre Website hochzuladen ist keine gute Idee, da dies Ihre Website verlangsamen und viel Speicherplatz beanspruchen kann.
Plattformen wie YouTube sind für Videos optimiert, sodass Sie hochauflösende Videos in Ihren Slidern anzeigen können, ohne Ihre Website negativ zu beeinträchtigen.
Nachdem Sie eine Video-Hosting-Plattform ausgewählt haben, müssen Sie alle Videos hochladen, die Sie in den WordPress-Slider aufnehmen möchten. Wenn Sie nicht sicher sind, wie Sie Videos hochladen, empfehlen wir Ihnen, die offizielle Dokumentation oder das Benutzerhandbuch für Ihre gewählte Videoplattform zu lesen.
Wenn das erledigt ist, klicken Sie einfach auf die Schaltfläche „Dateien aus anderen Quellen auswählen“ und wählen Sie dann „Video-Folie einfügen“ aus.

Sie können nun die URL des Videos in das Feld 'Video-URL' einfügen.
Soliloquy zeigt alle unterstützten Linkformate auf der rechten Seite an. Stellen Sie also sicher, dass Ihr Link eines dieser Formate verwendet.

Sobald dies erledigt ist, können Sie einen Titel in das Feld 'Titel' eingeben. Dies dient nur zu Ihrer Information, Sie können also alles verwenden, was Sie möchten. Sie können auch Alt-Text hinzufügen, der Suchmaschinen hilft zu verstehen, worum es bei dieser Folie geht.
Danach können Sie eine optionale Bildunterschrift in das Feld „Bildunterschrift“ eingeben. Diese wird in einem grauen Balken am unteren Rand des Videos angezeigt, bevor der Besucher auf „Wiedergabe“ klickt.

Wenn Sie diese Leiste nicht anzeigen möchten, lassen Sie das Feld „Bildunterschrift“ einfach leer.
Wenn Sie mit den eingegebenen Informationen zufrieden sind, können Sie weitere Folien erstellen, indem Sie auf „Weitere Video-Folie hinzufügen“ klicken.
Um diese neue Folie zu konfigurieren, folgen Sie einfach demselben Prozess, der oben beschrieben wurde.

Sobald Sie alle Ihre Folien erstellt haben, klicken Sie auf „In Slider einfügen“.
Sie sehen nun alle Ihre Folien im Abschnitt 'Aktuell in Ihrem Slider'.

Als Nächstes können Sie auf die Registerkarte „Konfiguration“ klicken und die Slider-Einstellungen verwenden, um ihn anzupassen. Sie können zum Beispiel ein neues Slider-Theme auswählen, die Bildgröße ändern und die Position des Sliders und der Bildunterschriften ändern.
Sie können auch die Slider-Pfeile und die Pause/Play-Schaltfläche anpassen, die Übergangsgeschwindigkeit einstellen, die Verzögerungszeit ändern und vieles mehr.

Als Nächstes möchten Sie sicherstellen, dass Ihr Slider auf Mobilgeräten genauso gut aussieht wie auf Computern und Laptops.
Klicken Sie dazu auf den Tab 'Mobil' und aktivieren Sie das Kontrollkästchen neben 'Mobile Slider Bilder erstellen'.

Sie können dann die Größen eingeben, die Sie für Bilder und Videos auf Mobilgeräten verwenden möchten. Bei diesen Entscheidungen kann es hilfreich sein, die mobile Version Ihrer WordPress-Website auf einem Desktop anzeigen.
Standardmäßig blendet Soliloquy Bildunterschriften für mobile Benutzer aus. Dies hilft oft dabei, dass die Folien besser auf die kleineren Bildschirme passen, die typischerweise von Smartphones und Tablets verwendet werden.
Aus diesem Grund empfehlen wir, diese Einstellung deaktiviert zu lassen, aber Sie können das Kontrollkästchen neben 'Untertitel auf Mobilgeräten anzeigen' aktivieren, wenn Sie dies bevorzugen.
Wenn das erledigt ist, klicken Sie auf die Registerkarte „Sonstiges“. Hier können Sie benutzerdefiniertes CSS zu Ihrem Slider hinzufügen, den Slider-Titel und den Slug bearbeiten und den Slider exportieren.

Wenn Sie mit der Konfiguration des Sliders zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“.
Soliloquy erstellt automatisch einen Shortcode, den Sie zu jeder Seite, jedem Beitrag oder jedem Widget-Bereich hinzufügen können.

Weitere Informationen zum Platzieren des Shortcodes finden Sie in unserem Leitfaden zum Hinzufügen eines Shortcodes in WordPress.
Für fortgeschrittene Benutzer bietet Soliloquy auch Code-Snippets, die direkt in Ihre WordPress-Theme-Dateien eingefügt werden können. Diese Methode bietet eine präzisere Kontrolle, wird aber nur empfohlen, wenn Sie sich mit der Bearbeitung von Code wohlfühlen. Für die meisten Benutzer ist die Verwendung des Blocks oder Shortcodes der einfachste und sicherste Weg!

Für Schritt-für-Schritt-Anleitungen siehe unseren Leitfaden zum Hinzufügen von benutzerdefiniertem Code in WordPress.
Der einfachste Weg, den Slider zu Ihrer Website hinzuzufügen, ist die Verwendung des Soliloquy-Blocks im Gutenberg-Editor. Gehen Sie einfach zu der Seite oder dem Beitrag, auf dem Sie den Slider anzeigen möchten, und klicken Sie dann auf die Schaltfläche „+“.
Geben Sie im erscheinenden Popup „Soliloquy“ ein.

Wenn der richtige Block erscheint, klicken Sie, um ihn zu Ihrem WordPress-Blog oder Ihrer Website hinzuzufügen.
Öffnen Sie danach den Soliloquy-Block und wählen Sie den Slider aus, den Sie gerade erstellt haben.

Sie können nun auf die Schaltfläche 'Aktualisieren' oder 'Veröffentlichen' klicken, um den Slider live zu schalten.
Methode 2. Erstellen Sie einen responsiven Slider mit einem Page Builder (anpassbarer)
Wenn Sie einen einfachen Video- oder Bild-Slider erstellen möchten, ist ein Plugin wie Soliloquy eine gute Wahl. Wenn Sie jedoch einen Slider nahtlos in ein vollständig benutzerdefiniertes Seitendesign, wie eine Landingpage oder Startseite, integrieren möchten, empfehlen wir stattdessen die Verwendung eines Page-Builder-Plugins.
SeedProd ist der beste Drag-and-Drop WordPress Page Builder. Er ermöglicht es Ihnen, benutzerdefinierte Landing Pages und sogar eine benutzerdefinierte WordPress-Theme zu erstellen, ohne eine einzige Zeile Code schreiben zu müssen.
Es gibt auch einen Image Carousel-Block, den Sie zum Erstellen beeindruckender Slider verwenden können.

Experten-Tipp: Bei WPBeginner verwenden wir SeedProd, um benutzerdefinierte Landingpages und sogar ganze Websites für unsere Schwestermarken wie WPForms und Charitable zu gestalten. Der Drag-and-Drop-Builder ermöglicht es unserem Team, schnell professionelle Designs zu erstellen, die Elemente wie responsive Slider enthalten.
Sie können diesen fertigen Block einfach überall auf einer Seite ablegen und ihn dann mit dem leistungsstarken Drag-and-Drop-Editor anpassen.
Zuerst müssen Sie das SeedProd Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Hinweis: Es gibt eine kostenlose Version von SeedProd, mit der Sie professionelle Designs erstellen können, unabhängig von Ihrem Budget. Wir werden jedoch das Premium-Plugin SeedProd verwenden, da es den Image Carousel-Block enthält. Wenn Sie einen Slider zur Bewerbung Ihrer Produkte oder Dienstleistungen erstellen, integriert sich das Premium-Plugin auch mit WooCommerce und allen besten E-Mail-Marketing-Diensten.
Nach der Aktivierung des Plugins wird SeedProd nach Ihrem Lizenzschlüssel fragen.

Diesen Lizenzschlüssel finden Sie in Ihrem Konto auf der SeedProd-Website. Nachdem Sie die Informationen eingegeben haben, klicken Sie auf die Schaltfläche 'Schlüssel überprüfen'.
Wenn Sie fertig sind, gehen Sie in Ihrem WordPress-Dashboard zu SeedProd » Landing Pages.

1. Wählen Sie eine Seiten-Vorlage
SeedProd bietet über 180 professionell gestaltete Vorlagen, die in Kategorien gruppiert sind. Oben sehen Sie Kategorien, mit denen Sie schöne „Coming Soon“-Seiten erstellen, den Wartungsmodus aktivieren, eine benutzerdefinierte Anmeldeseite für WordPress erstellen und vieles mehr.
Alle Vorlagen von SeedProd sind einfach anzupassen, sodass Sie jedes gewünschte Design verwenden können. Wenn Sie eine Vorlage finden, die Ihnen gefällt, fahren Sie einfach mit der Maus darüber und klicken Sie auf das Häkchensymbol.

Sie können jetzt einen Namen für Ihre Landingpage in das Feld 'Seitennamen' eingeben. SeedProd erstellt automatisch eine 'Seiten-URL' basierend auf dem Seitennamen.
Es ist ratsam, relevante Schlüsselwörter in diese URL einzufügen, wo immer möglich, da dies Suchmaschinen hilft zu verstehen, worum es auf der Seite geht. Dies kann oft Ihre WordPress SEO verbessern.
Um die automatisch generierte URL der Seite zu ändern, geben Sie einfach in das Feld 'Seiten-URL' ein.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf „Speichern und Seite bearbeiten starten“. Dadurch wird die SeedProd-Seitenerstellungs-Oberfläche geladen.
2. Passen Sie Ihr Seitenlayout an
Der Drag-and-Drop-Builder von SeedProd zeigt rechts eine Live-Vorschau des Seitenlayouts. Links befindet sich ein Menü mit allen verschiedenen Blöcken und Abschnitten, die Sie der Seite hinzufügen können.

Wenn Sie einen Block finden, den Sie hinzufügen möchten, ziehen Sie ihn einfach per Drag & Drop auf Ihre Vorlage.
Um einen Block anzupassen, klicken Sie einfach darauf, um diesen Block im SeedProd-Editor auszuwählen. Das Menü auf der linken Seite wird nun aktualisiert, um alle Einstellungen anzuzeigen, mit denen Sie ihn anpassen können.

Beim Erstellen der Seite können Sie Blöcke per Drag & Drop in Ihrem Layout verschieben. Detailliertere Anweisungen finden Sie in unserem Leitfaden zum Erstellen einer Landingpage mit WordPress unter Erstellen einer Landingpage mit WordPress.
3. Responsiven Slider hinzufügen und gestalten
Um einen responsiven Slider mit SeedProd zu erstellen, suchen Sie einfach den Block „Bildkarussell“ im linken Menü und ziehen Sie ihn dann auf Ihr Layout.

Klicken Sie als Nächstes, um den Block „Bildkarussell“ im Seiten-Editor auszuwählen.
Sie können nun alle Bilder hinzufügen, die Sie im Slider anzeigen möchten. Klicken Sie dazu zunächst auf das Element 'Bild 1', das SeedProd standardmäßig erstellt.

Sie können jetzt entweder ein Foto aus der integrierten Bibliothek von SeedProd verwenden oder auf „Eigenes Bild verwenden“ klicken und eine Datei aus der WordPress-Mediathek auswählen.
Nach der Auswahl eines Bildes können Sie eine Beschriftung hinzufügen, die unter diesem Bild angezeigt wird. SeedProd zeigt standardmäßig keine Beschriftungen an, aber wir zeigen Ihnen später in diesem Beitrag, wie Sie diese aktivieren können.

Wenn Sie mit der Konfiguration des Slides zufrieden sind, klicken Sie auf die Schaltfläche „Bilder hinzufügen“, um einen weiteren Slide zu erstellen.
Um weitere Folien hinzuzufügen, folgen Sie einfach demselben oben beschriebenen Prozess.

Nachdem Sie alle Bilder zu Ihrem Slider hinzugefügt haben, ist es an der Zeit, anzupassen, wie dieser Slider aussieht und funktioniert.
Klicken Sie im linken Menü, um den Abschnitt „Karussell-Einstellungen“ zu erweitern.

Zunächst können Sie zwischen hellen und dunklen Modi für die Navigationsschaltflächen des Sliders wechseln.
Um diese verschiedenen Modi auszuprobieren, klicken Sie auf die Schaltflächen neben 'Navigationsfarbmodus'. Die Live-Vorschau wird automatisch aktualisiert, sodass Sie sehen können, welcher Modus Ihnen am besten gefällt.

Standardmäßig zeigt das Karussell eine einzelne Folie an, und Besucher müssen die Navigationssteuerelemente verwenden, um mehr Inhalte zu sehen.
Sie möchten jedoch möglicherweise mehrere Folien gleichzeitig anzeigen, indem Sie das Dropdown-Menü „Folien anzeigen“ öffnen und eine Zahl aus der Liste auswählen. Dies kann nützlich sein, wenn der Slider viele Inhalte enthält und Sie befürchten, dass die Besucher nicht alle Folien durchklicken.

Standardmäßig müssen Besucher klicken, um die nächste Folie zu sehen. In diesem Sinne möchten Sie vielleicht die automatische Wiedergabe aktivieren, da dies oft dazu führt, dass Besucher mehr Folien sehen.
Klicken Sie dazu, um den Schalter „Automatische Wiedergabe“ zu aktivieren, und geben Sie dann an, wie lange jede Folie auf dem Bildschirm bleiben soll, indem Sie eine Zahl in „Geschwindigkeit der automatischen Wiedergabe“ eingeben.

Wenn Sie Bildunterschriften zu Ihren Bildern hinzugefügt haben, stellen Sie sicher, dass Sie auf den Slider „Bildunterschrift anzeigen“ klicken, um ihn von „Nein“ auf „Ja“ zu ändern.
Sie können auch die Ausrichtung der Beschriftung ändern.

Abhängig von der Hintergrundfarbe müssen Sie möglicherweise die Untertitelfarbe ändern, bevor sie für Besucher sichtbar sind.
Klicken Sie dazu auf den Tab „Erweitert“ und verwenden Sie dann die Einstellungen für die „Bildunterschriftenfarbe“.

Sie können den Text weiter gestalten, indem Sie auf die Schaltfläche 'Bearbeiten' neben 'Beschriftungstypografie' klicken.
Dies fügt einige Einstellungen hinzu, mit denen Sie die Schriftgröße, Zeilenhöhe, Abstände und mehr ändern können.

Wenn Sie mit dem Aussehen der Bildunterschriften zufrieden sind, können Sie mit dem Dropdown-Menü „Slider-Bildstile“ unterschiedliche Box-Schatten zu den Folien hinzufügen.
Diese Schatten können die Folien wirklich hervorheben, daher lohnt es sich, verschiedene Schatten auszuprobieren, um zu sehen, ob sie zu Ihrem Seitendesign passen.

Im Tab „Erweitert“ finden Sie auch Einstellungen, mit denen Sie einen Rahmen hinzufügen, den Abstand ändern und sogar eine Eingabeanimation erstellen können.
Erkunden Sie diese erweiterten Einstellungen, um alle verschiedenen Effekte zu sehen, die Sie erstellen können. Sie können zum Beispiel einen Rahmen hinzufügen, um Ihren Slider hervorzuheben, oder Animationen verwenden, um die Aufmerksamkeit Ihrer Besucher zu erregen! ✨

4. Veröffentlichen Sie Ihre Landing Page
Wenn Sie mit dem Aussehen des Sliders zufrieden sind, können Sie mit dem Rest der Seite fortfahren. Ziehen Sie einfach Blöcke in Ihr Design und passen Sie sie dann mit den Einstellungen im linken Menü an.
Wenn Sie einen Block löschen möchten, fahren Sie einfach mit der Maus darüber und klicken Sie auf das Papierkorbsymbol, wenn es erscheint.

Wenn Sie dazu aufgefordert werden, klicken Sie auf „Ja, löschen“.
Wenn Sie mit dem Aussehen der Seite zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“, um sie live zu schalten. Wählen Sie abschließend „Veröffentlichen“, um Ihren Slider live zu schalten.

Methode 3. Erstellen eines Sliders mit Smash Balloon (am besten für soziale Beiträge und Bewertungen)
Wir probieren eher Dinge aus, die wir bei anderen Leuten kaufen, benutzen oder empfehlen sehen. Deshalb ist es eine gute Idee, Social Proof auf Ihrer Website anzuzeigen, einschließlich Kundenbewertungen, Testimonials oder sogar positiven Kommentaren in sozialen Medien.
Der einfachste Weg, Social Proof auf Ihrer Website anzuzeigen, ist die Verwendung von Smash Balloon. Smash Balloon bietet Plugins, mit denen Sie Inhalte von Instagram, Facebook, Twitter und YouTube einbetten können.
Es hat auch ein Reviews Feed Plugin, das Sie verwenden können, um Bewertungen von Facebook, Tripadvisor, Yelp, Trustpilot, WordPress.org und Google anzuzeigen.

Das Anzeigen vieler positiver Kommentare und Bewertungen in Ihrem Online-Shop oder auf Ihrer Website kann jedoch viel Platz beanspruchen.
Deshalb verfügt Smash Balloon über integrierte Karussell-Layouts und Vorlagen, mit denen Sie responsive Slider erstellen können. Dies ermöglicht es Ihnen, Social-Media- und Bewertungs-Slideshows mit nur wenigen Klicks zu erstellen.

Noch besser: Smash Balloon ruft automatisch neue Inhalte ab, sodass der Slider immer die neuesten Beiträge anzeigt.
Eine weitere Option ist die Anzeige von Inhalten von Ihren eigenen Social-Media-Konten.

Wenn Besuchern gefällt, was sie sehen, entscheiden sie sich vielleicht, Ihnen in den sozialen Medien zu folgen.
Um Ihnen zu helfen, mehr Follower zu gewinnen, bietet Smash Balloon vorgefertigte Call-to-Action-Buttons, die Sie zu Ihren Slidern hinzufügen können.

Für detaillierte Schritt-für-Schritt-Anleitungen siehe unsere Anleitungen unter So fügen Sie Ihre Social-Media-Feeds zu WordPress hinzu und So zeigen Sie Google-, Facebook- und Yelp-Bewertungen in WordPress an.
Häufig gestellte Fragen zu responsiven Slidern
Unser Team erhält viele Fragen zur Verwendung von Slidern in WordPress. Nachfolgend finden Sie Antworten auf einige der häufigsten Fragen, die wir von unseren Lesern hören.
Was ist ein responsiver WordPress-Slider?
Ein responsiver Slider ist eine Diashow-Komponente, die ihre Größe und ihr Layout automatisch anpasst, um auf jeden Bildschirm zu passen. Dies stellt sicher, dass er auf Desktops, Tablets und Smartphones gut aussieht und einfach zu bedienen ist.
Sind Slider schlecht für SEO?
Während schlecht codierte Slider Ihre Website verlangsamen und SEO schaden können, sind moderne Plugins auf Leistung ausgelegt. Zum Beispiel verwendet ein Plugin wie Soliloquy Lazy Loading und eine ordnungsgemäße HTML-Struktur, um SEO-freundlich zu sein.
Es ist auch wichtig, Ihren Slider-Bildern beschreibenden Alternativtext hinzuzufügen. Dies hilft Suchmaschinen, Ihre Inhalte zu verstehen.
Verlangsamen Slider Ihre Website?
Slider können die Ladezeiten von Seiten beeinträchtigen, wenn sie große, nicht optimierte Bilddateien enthalten. Die besten WordPress-Slider-Plugins sind jedoch leichtgewichtig und für Geschwindigkeit optimiert.
Um sicherzustellen, dass Ihr Slider Ihre Website nicht verlangsamt, empfehlen wir, Ihre Bilder zu komprimieren, bevor Sie sie in WordPress hochladen. Dies reduziert ihre Dateigröße, ohne die Qualität zu beeinträchtigen.
Was ist das beste responsive Slider-Plugin für WordPress?
Das beste Plugin hängt von Ihren spezifischen Bedürfnissen ab. Wir empfehlen Soliloquy als die beste Wahl insgesamt aufgrund seiner Benutzerfreundlichkeit und schnellen Leistung.
Wenn Sie benutzerdefinierte Seitenlayouts erstellen möchten, bietet der Image Carousel-Block von SeedProd mehr Flexibilität beim Design. Zum Anzeigen von Social-Media-Feeds oder Kundenbewertungen in einem Slider ist Smash Balloon das perfekte Werkzeug.
Zusätzliche Ressourcen
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ganz einfach einen responsiven Slider in WordPress erstellen. Möglicherweise möchten Sie auch diese anderen Anleitungen auf unserer Website lesen:
- So erstellen Sie einen Video- und Bild-WordPress-Slider (Der einfache Weg)
- Beste PDF-Plugins für WordPress (Viewer, Einbetten & Downloads)
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.


Dennis Muthomi
Früher habe ich Slider Revolution für meinen WooCommerce-Shop verwendet, aber ich fand, dass seine komplexen Animationen und großen Dateigrößen die Ladezeiten der Seiten wirklich verlangsamten (in einigen Fällen über 5 Sekunden).
Ich denke, Soliloquy Slider könnte eine großartige Alternative sein.
Vielen Dank für diese Übersicht über verschiedene Slider-Optionen für WordPress!
Sridhar
Ich habe die kostenlose Version von Soliloquy. Wie zentriere ich die Slides, bitte?
WPBeginner Support
Sie sollten sich an den Soliloquy-Support wenden, um deren aktuelle Methode zur Ausrichtung der Inhalte zu erfahren.
Admin
Thomas
Wie kann ich die Richtungspfeile und den Pager aus meinem Slider in Soliloquy entfernen?
Benny nnaji
Kann ich hier unterschiedliche Texte auf Bildern hinzufügen und ihnen unterschiedliche Animationen geben?
Jide Jegede
Ich suche einen Beitrags-Slider für eine Magazin-Website. Kann dieses Plugin das, da ich in Ihrer Analyse keine Erwähnung davon gesehen habe?
WPBeginner Support
Hallo Jide,
Ja, das kann es. Bitte lesen Sie unseren Artikel darüber, wie Sie Featured Content Slider in WordPress erstellen.
Admin
aisha
Wie zentriere ich eine Soliloquy-Folie in einem Blogbeitrag? Ich habe einen Slider hinzugefügt, aber er ist am linken Rand der Seite ausgerichtet, auch wenn ich beim Erstellen eines Blogbeitrags die Schaltfläche 'Zentrieren' verwende.
amy lacina
Ich habe erfolgreich mehrere Bilder zu meinem Slider hinzugefügt, aber zwei Bilder werden nach dem Hochladen als schwarze Kästen angezeigt. Sie lassen sich problemlos in die WordPress-Mediathek hochladen, aber nicht in den Soliloquy-Slider. Jede Hilfe wäre willkommen. Vielen Dank!
Alissa
Ich erstelle eine Website, für die ich für jede Seite benutzerdefinierte Slider erstellen muss. Mir war nicht klar, ob ich das mit Soliloquy tun kann oder nicht. Bitte lassen Sie es mich wissen. Danke!
WPBeginner Support
Ja, das können Sie mit Soliloquy tun.
Admin
Nelson
Wie kann ich einen Slider wie diesen auf dem Screenshot mit Soliloquy erstellen?
Ian
Ausgezeichnet! Danke WpBeginner!
Tony
Danke für den tollen Artikel!
Ich habe ein paar Fragen
1. Deckt der Soliloquy-Slider die volle Breite eines Full-Width-Website-Designs ab?
2. Ich suche einen Slider, zu dem ich Text oder verschiedene Textblöcke und eine CTA-Schaltfläche hinzufügen kann. Ich möchte den Text auf dem Slider dort positionieren können, wo er auf bestimmten Teilen des Bildes benötigt wird.
Danke!
WPBeginner Support
Sie können CTA-Schaltflächen zu Ihrem Slider mit Soliloquy hinzufügen. Sie können die Slider-Höhe und -Breite in den Einstellungen anpassen. Soliloquy ist standardmäßig responsiv, sodass Sie eine maximale Breite festlegen können und es sich automatisch an die Bildschirmgröße des Benutzers anpasst.
Admin
Mark
Ist es besser, ihn selbst zu programmieren, anstatt ein Plugin zu verwenden?
andy
Ich habe einen Text zu Bildunterschriften geschrieben, aber er ist nicht responsiv: Er wurde in der mobilen Slider-Version nicht angezeigt. Warum?
Tess Hanbury
Ich benötige einen Hochformat-Slider für Bilder, die konstant H-920 x B-736 sind, und ich möchte nicht viel schwarzen Platz darum herum haben. Ich habe im Internet nichts gefunden, außer dass viele andere Leute ebenfalls nach kleinen Hochformat-Slidern suchen.
Gibt es eine Möglichkeit, Soliloquy zu skalieren, um dies zu erreichen?
Danke
Tess
WPBeginner Support
Ja, das kann mit Soliloquy erreicht werden.
Admin
Vaibhav Singh
Danke, dass Sie sich die Zeit genommen haben, dies zu schreiben. Hat mir sehr gefallen zu lesen.
Carolyn
Bietet Soliloquy eine Option zum Anzeigen aktueller Beiträge im Slider? (Ich konnte das anhand der Funktionsliste auf der Verkaufsseite nicht erkennen.)
Wenn nicht, gibt es einen Slider für aktuelle Beiträge, den Sie empfehlen würden?
Fran Boloni
Hallo,
Soliloquy soll SEO-freundlich sein. Haben Sie tatsächlich ein Beispiel für eine Website, die eine Soliloquy-Galerie verwendet und deren Bilder bei Google indiziert werden?
WPBeginner Support
Soliloquywp.com
Admin
dani
Sie haben mir sehr geholfen, danke
Willem Smith
Wenn ich große Bilder für die Desktop-Nutzung habe, werden sie dann in kleinere Bilder für Smartphones oder kleinere Tablets umgewandelt? Oder werden die großen Bilder auch für Smartphones verwendet?
Ist es möglich, manuell zu unterscheiden, indem man Soliloquy mitteilt, welche Bilder bei welcher Auflösung verwendet werden sollen?
Gail
Können Sie mehr als einen Slider auf der Hauptseite haben?
Ich möchte einen kleineren Slider mit aktuellen Produkten vorne und leicht auffindbar für meine Kunden hinzufügen. Ich möchte auch einen Link auf jedem Foto hinzufügen, um zur Produktseite zu gelangen.
WPBeginner Support
Gail, ja, mit Soliloquy können Sie mehrere Slider auf einer Seite haben.
Admin
chaima wetcha
Hallo, ich versuche, zwei Slider auf derselben Seite mit Soliloquy Lite einzufügen, aber es funktioniert nicht. Können Sie mir bitte helfen?
anita
Vielen Dank! Ich habe gerade Soliloquy (mit Ihrem Gutschein!) gekauft und dieser Beitrag ist so nützlich und klar!!