So erstellen Sie auf einfache Weise einen Responsive WordPress-Schieberegler mit Soliloquy

So erstellen Sie auf einfache Weise einen Responsive WordPress-Schieberegler mit Soliloquy / WordPress-Plugins

Schieberegler werden üblicherweise auf der Startseite von Geschäfts- oder Portfolio-Websites verwendet. Es gibt hunderte von WordPress-Slider-Plugins, von denen jedes seine eigenen Funktionen hat. Wir haben jedoch von unseren Benutzern erfahren, dass die meisten Slider-Plugins für sie einfach zu kompliziert sind. In diesem Artikel zeigen wir Ihnen, wie Sie mit Soliloquy auf einfache Weise einen WordPress-Schieberegler auf Ihrer Website hinzufügen. Das Ziel ist es, das beste WordPress-Slider-Plugin zu finden, das einfach zu verwenden ist und mit allen Designs funktioniert und auf alle Bildschirme (Smartphones, Desktops und Tablets) abgestimmt ist..

Warum verwenden Sie Soliloquy als WordPress-Schieberegler?

Soliloquy ist ein robustes, reaktionsschnelles WordPress-Slider-Plugin, das viele Funktionen bietet und relativ einfach zu verwalten ist. Hier sind einige der Dinge, die wir an Soliloquy gegenüber anderen Plugins mögen:

  • Soliloquy hält sich an WordPress-Codierungsstandards und Best Practices.
  • Es verwendet einen benutzerdefinierten Post-Typ für die Handhabung von Schiebereglern, wodurch das Importieren und Exportieren von Schiebereglern mit jeder WordPress Backup-Lösung vereinfacht wird.
  • Es ist zu 100% übersetzungsfertig, was für internationales Publikum großartig ist.
  • Es ist SEO freundlich. Sie können jeder Folie Metadaten, Titel, Text und Beschriftungen hinzufügen.
  • Die von Ajax betriebene Drag-Drop-Foliensortierung macht die Verwendung sehr einfach.
  • Responsive WordPress-Schieberegler mit Touch Swipe-Unterstützung für touchfähige Geräte wie Smartphones und Tablets.
  • Entwicklerfreundlich mit großartiger Dokumentation und mehr als 50 Hooks und Filtern. Bei Bedarf können Sie es einfach mit Weiß beschriften.

Abgesehen von allen Funktionen ist Soliloquy im Vergleich zu anderen Slider-Plugins recht günstig. Die Basisoption beträgt nur 19 US-Dollar. WPBeginner-Benutzer erhalten einen exklusiven Rabatt von 25%, wenn Sie den Soliloquy-Gutschein verwenden, der den Deal noch besser macht. Code verwenden: WPBEGINNER.

Videoanleitung

Abonniere WPBeginner

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Einen WordPress Slider mit Soliloquy erstellen

Als erstes müssen Sie Soliloquy kaufen. Sobald Sie Soliloquy installiert haben, müssen Sie es installieren und aktivieren (siehe Installieren eines WordPress-Plugins). Nach der Aktivierung fügt das Plugin Ihrem WordPress-Administrator ein neues Soliloquy-Menü hinzu. Wenn Sie darauf klicken, gelangen Sie zur Seite mit den Schiebereglern, die leer ist, weil Sie noch keine Schieberegler erstellt haben. Um einen neuen Schieberegler hinzuzufügen, klicken Sie auf Soliloquy »Neu hinzufügen.

Sie möchten zunächst mit dem Titel Ihres Schiebereglers beginnen. Klicken Sie anschließend auf Folien hochladen Taste. Ein Popup wird ähnlich wie der standardmäßige WordPress-Medienuploader angezeigt. Sie können Bilder für Ihre Folie hochladen, Bilder aus der Medienbibliothek auswählen, Video-Folien hinzufügen, indem Sie URLs von YouTube- oder Vimeo-Videos hinzufügen, oder eine HTML-Folie erstellen.

Um ein Video als Folie hinzuzufügen, müssen Sie Ihr Video entweder auf YouTube oder Vimeo hochladen (lesen Sie, warum Sie niemals ein Video in WordPress hochladen sollten). Sobald Sie die Video-URL haben, fügen Sie sie einfach ein. Soliloquy kümmert sich um den Rest.

Wie bei HTML-Folien müssen Sie den HTML-Code einfügen. Diese HTML-Datei kann alles sein, was Sie wollen. Ein Beispiel wäre das Hinzufügen eines E-Mail-Anmeldeformulars für Ihren Newsletter oder eine Aktionsschaltfläche.

In diesem Artikel zeigen wir Ihnen, wie Sie einen Bildschieber in WordPress erstellen. Klicke auf das Dateien auswählen Folienbilder von Ihrem Computer hochladen.

Nachdem Sie die Bildfolien ausgewählt haben, werden sie in Ihre Medienbibliothek hochgeladen. Klicke auf Folien einfügen Schaltfläche, um diese Folien in Ihren Slider einzufügen. Nach dem Einfügen der Folien können Sie auf der Seite zum Hinzufügen neuer Schieberegler weitere Optionen konfigurieren. Sie können zwar die Standardgröße des Schiebereglers anpassen, die Reaktionsfähigkeit ermöglicht jedoch die automatische Anpassung an kleinere Bildschirme. Die Standardgröße ist der relative Punkt, während sich der Schieberegler auf verschiedenen Geräten selbst einstellt.

Unter anderen Optionen können Sie die Geschwindigkeit des Schiebereglers, den Animationseffekt der Folie, den Übergangseffekt usw. auswählen. Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf die Schaltfläche "Veröffentlichen", um den Schieberegler zu speichern und öffentlich zu machen.

Hinzufügen eines WordPress-Sliders in Posts / Page

Nachdem Sie nun Ihren Schieberegler erstellt haben, müssen Sie diesen Schieberegler in einen Beitrag oder eine Seite einfügen. Öffnen Sie den Post-Editor, wählen Sie den Ort aus, an dem Sie den Schieberegler hinzufügen möchten, und klicken Sie auf Schieberegler hinzufügen neben dem Medien-Uploader.

Sie sehen Boxen für jeden von Ihnen erstellten Slider. Wählen Sie den Schieberegler, den Sie einfügen möchten, und klicken Sie dann auf Schieberegler einfügen Taste.

Dadurch wird ein Slider-Shortcode in Ihren Beitrag eingefügt. Sie können jetzt Ihren Beitrag speichern oder in der Vorschau anzeigen und den Schieberegler in Aktion sehen.

Bearbeiten und Aktualisieren eines WordPress-Sliders mit Soliloquy

Beim Erstellen eines WordPress-Schiebereglers mit Soliloquy können Sie den Schieberegler jederzeit bearbeiten, ohne den Beitrag oder die Seite bearbeiten zu müssen, an der Sie den Schieberegler eingefügt haben. Klicken Sie einfach auf das Soliloquy-Symbol in Ihrer Admin-Seitenleiste und klicken Sie dann unterhalb des Schiebereglers, den Sie aktualisieren möchten, auf den Link Bearbeiten.

Jetzt können wir den oben erstellten Schieberegler bearbeiten. Denken Sie daran, dass wir Ihnen gesagt haben, dass mit Soliloquy erstellte Schieberegler SEO-freundlich sind. Sie können Ihren einzelnen Folien Metabeschreibungen, Titel, URL und Bildunterschriften hinzufügen. Klicken Sie auf die Bearbeitungsschaltfläche neben einer einzelnen Folie in Ihrem Schieberegler.

Daraufhin wird ein Popup-Fenster geöffnet, in dem Sie Bildtitel und Text eingeben, Ihre Folie mit einer URL verknüpfen und eine Beschriftung eingeben können. Sie können auch HTML in Ihrer Beschriftung verwenden, wenn Sie ein Newsletter-Anmeldeformular hinzufügen möchten. Nachdem Sie die Metainformationen für die Folie eingegeben haben, klicken Sie auf die Schaltfläche Folie speichern.

Ihre Änderungen werden automatisch im Schieberegler angezeigt, unabhängig davon, wo sie in Ihre Site eingebettet sind.

Hinzufügen von Soliloquy WordPress Slider in Vorlagen und Widgets

Soliloquy verfügt über ein Widget, mit dem Sie einen Schieberegler in einem Widgetbereich Ihrer Website hinzufügen können. Gehe zu Aussehen »Widgets Ziehen Sie das Soliloquy-Widget in Ihre Seitenleiste. Sie sehen die Liste der von Ihnen erstellten Folien. Wählen Sie den aus, den Sie einfügen möchten, und speichern Sie das Widget. Da mit Soliloquy erstellte Schieberegler reagieren, werden sie automatisch an die Breite Ihrer Seitenleiste angepasst.

Jeder Soliloquy-Schieberegler verfügt über einen eigenen Kurzcode und eine eigene Funktion. Sie können diese Funktion verwenden, um den Schieberegler an einer beliebigen Stelle in den Designvorlagendateien hinzuzufügen. Um den Funktionscode zu erhalten, klicken Sie in Ihrem WordPress-Administrator auf das Soliloquy-Symbol. Daraufhin wird die Liste der von Ihnen erstellten Schieberegler zusammen mit dem Kurzcode und der Funktion neben dem Schieberegler-Titel angezeigt. Kopieren Sie den Funktionscode und fügen Sie ihn entsprechend ein.

Abschließende Gedanken

Soliloquy ist eines der besseren Plugins für WordPress-Slider, die wir auf dem Markt gesehen haben. Vertrauen Sie uns, wir haben viele von ihnen getestet. Nachdem wir Soliloquy ausgiebig eingesetzt haben, sind wir wirklich beeindruckt von seiner Geschwindigkeit und Kraft.

Die meisten Slider-Plugins sind mit Code gefüllt und schlecht dokumentiert. Soliloquy ist leicht und schnell. Es ist sowohl für Benutzer als auch für Entwickler gedacht. Sie haben hervorragende Arbeit geleistet, um alle WordPress-Standards einzuhalten und den Slider für Anfänger extrem benutzerfreundlich zu gestalten. Ihre Codedokumentation macht es anderen Entwicklern leicht, die Funktionalität nach Bedarf anzupassen und zu erweitern.

Man kann leicht sagen, dass sich Soliloquy jetzt als erste Wahl für ein WordPress-Slider-Plugin etabliert hat.

Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, einen Slider in Ihre WordPress-Site einzufügen. Für Feedback und Fragen hinterlassen Sie bitte einen Kommentar. Vergessen Sie auch nicht, uns auf Twitter @wpbeginner zu folgen.