Wie erstelle ich ein Bildkarussell in WordPress?

Zuletzt aktualisiert - 8. März 2022

Sie kennen den Begriff Karussell vielleicht nicht, sehen ihn aber dennoch häufig auf dem digitalen Marktplatz. Auf den meisten New-Age-Websites wird ein Bilderkarussell verwendet: Schiebebilder mit Kurzinformationen zu den Produkten oder Dienstleistungen, die die Unternehmen anbieten. Die Bilder drehen sich automatisch und gehen in und aus der Ansicht.

Das Bilderkarussell hält die Website-Besucher effektiv länger süchtig, da gleitende Bilder sie neugieriger auf das Produkt oder die Dienstleistung machen, die das Unternehmen anbietet. In einigen Fällen ist das Schieben der Bilder nicht automatisiert, und der Besucher muss das Bild manuell drehen, um die nächste Folie anzuzeigen.

Erstellen Sie ein Bildkarussell in WordPress

Je nach Geschäftston kann das Bildkarussell einige kühne Aussagen enthalten und ohne lange Beschreibung viel über das Geschäft verraten. Wenn Sie sich danach gesehnt haben, Wege zu finden, wie Sie ein Bilderkarussell in Ihre Website integrieren können, sind Sie hier genau richtig.

Wir werden den Prozess der Installation des Smart Slider 3-Plugins in WordPress beschreiben. Es gibt mehrere andere Tools für diesen Job, und der Installationsprozess ähnelt möglicherweise dem von Smart Slider 3.

Bevor Sie in das Tutorial einsteigen, gibt es eine kleine Warnung. Wenn Sie Produkte auf einer Website verkaufen, ist die Entscheidung für ein Bilderkarussell möglicherweise nicht die klügste Option, was die Conversions betrifft. Aber wenn Sie Fotografie betreiben oder eine Website entwerfen und möchten, dass sie ästhetisch ansprechend aussieht, lesen Sie den gesamten Blog durch.

Beginnen Sie mit der Auswahl der Bildgröße

Smart Slide 3 passt die Größe des Bildes in WordPress basierend auf dem ausgewählten Präsentationsformat an. Wenn die Bilder also groß sind, verkleinert das Tool sie und umgekehrt. Und Sie werden es vielleicht kennen, wenn die kleinen Bilder vergrößert werden, beginnt sich die Qualität zu verschlechtern. Versuchen Sie also, keine Bilder einzufügen, die kleiner als die Abmessungen des Karussells sind.

Darüber hinaus sehen große Bilder in Carousel besser aus, haben aber auch eine längere Downloadzeit. Sie müssen also ein Gleichgewicht zwischen Qualität und Größe finden, damit es im Slider immer noch gut aussieht.

Ein kleiner Tipp: Bildkarussells gleiten horizontal, daher ist die Auswahl breiterer Bilder attraktiver als quadratische.

Installieren von Smart Slider 3

Der Installationsprozess von Smart Slider 3 ist für alle anderen auf dem Markt erhältlichen Tools ziemlich gleich. Melden Sie sich zunächst bei Ihrem WordPress-Admin-Dashboard an. Auf der linken Seite sehen Sie eine Navigationsleiste mit vielen verschiedenen Optionen zur Auswahl. Wählen Sie aus den Optionen das Plugin aus und klicken Sie auf den Link „Neu hinzufügen“.

Vor Ihnen erscheint eine Suchleiste. Suchen Sie darin nach Smart Slider 3. Sobald das Plugin installiert ist, klicken Sie bitte auf die Aktivierungsoption.

Bildkarussell-Reise starten

Smart Slider 3 verwendet Bilder aus der Medienbibliothek, stellen Sie also sicher, dass Sie einige Bilder hochladen, bevor Sie mit der Erstellung des Sliders beginnen. Sie können das Tutorial-Video durchgehen, um einen besseren Einblick in die Auswahl von Bildern und das Hinzufügen zu Ihrem Präsentationsformat zu erhalten. Drücken Sie auf den Smart Slider 3 und sehen Sie sich das Einführungsvideo „Learn Smart Slider 3“ an, das detaillierte Kenntnisse darüber vermittelt, wie Sie mit dem Tool umgehen.

Sie können die Hilfe des Videos nutzen oder einfach diesen Artikel lesen, um loszulegen.

Wählen Sie die Basisoption aus dem Menü.

• Geben Sie Ihrem Slider einen Namen, damit Ihr Karussell leichter zu finden ist, wenn Sie mehrere Karussells gleichzeitig handhaben.
• Breite und Abmessungen beeinflussen die Größe und Form des Sliders. Ignorieren Sie die Auswahl eines Pixels, das Sie konfigurieren möchten, um die volle Breite des Geräts oder Browsers einzunehmen.
• Die Auswahl der Standardbreite und -abmessung würde das Karussell auf die aktuelle Breite und Größe einstellen, während die Auswahl der Option „Volle Breite“ alle Abmessungen ignorieren und das Karussell um die gesamte Breite der Fenster drehen würde.

Nachdem Sie das Bild optimiert haben, klicken Sie auf „Erstellen“.

Hinzufügen von Bildern zum Schieberegler

Nachdem Sie die Standardgröße und -breite des Karussells konfiguriert haben, besteht der nächste offensichtliche Schritt darin, das Karussell mit ansprechenden Bildern zu füllen. Führen Sie dazu die folgenden Schritte aus:

• Klicken Sie in Smart Slider 3 auf Diabilder hinzufügen.
• Sie erhalten die Option, ein Bild für Ihren Slider auszuwählen. Klicken Sie auf diese Option.
• Wählen Sie die Bilder aus der Bibliothek von WordPress.
• Karussell präsentiert dann die ausgewählten Bilder. Wenn Sie mit den ausgewählten Bildern zufrieden sind, klicken Sie auf den Abschnitt „Veröffentlichen“.

Wenn Sie vorhaben, einen Schieberegler in den Code einzufügen, kopieren Sie einfach den PHP-Code aus dem Tool oder wählen Sie die Post-Editor-Option.

Wenn Sie mit dem Schreiben eines neuen Blogs für die Website beginnen, wird die Option Smart Slider 3 auf der Seite angezeigt. Wenn Sie einen klassischen Editor verwenden, klicken Sie auf das Smart-Slider-Symbol. Wählen Sie nun den angepassten Slider aus, den Sie zuvor vorbereitet haben, und sobald Sie den Beitrag veröffentlichen, wird der Slider auf die Website hochgeladen und ist für die Besucher bereit.

Das Karussell leitet Links auf beiden Seiten der Schieberegler weiter oder zurück, um manuell durch Bilder zu gleiten.

Standardmäßig würden die Karussellbilder nicht automatisch verschoben, aber Sie können das ändern.

Automatischer Zyklus für Karussellbilder

Klicken Sie im WordPress-Admin-Dashboard auf den Link Smart Slider 3 und wählen Sie die Bearbeitungsoption. Wählen Sie den Stil „Autoplay“ und drücken Sie „Aktivieren“. Die Standardzeit zwischen dem Wechsel beträgt acht Sekunden. Speichern Sie nun die aktualisierte Einstellung über die Schaltfläche Speichern auf der rechten Seite des Bedienfelds.

Verwendung des Karussells als Widget

Smart Slider kann auch als WordPress Slider Image verwendet werden. Diese Schieberegler können überall als Widget wie eine Seitenleiste hinzugefügt werden.

• Auf der linken Seite sehen Sie eine Navigationsleiste. Klicken Sie auf Aussehen und dann auf den Link „Widget“.
• Wenn Sie den Abschnitt „Verfügbare Widgets“ sehen, klicken Sie auf die Schaltfläche „Smart Slider“.
• Wählen Sie die Zone aus, in der das Bild angezeigt werden soll, und wählen Sie die Schaltfläche „Widget hinzufügen“.

Bilder oder keine Bilder ist die große Frage

Das Design und die Entwicklung von Websites ist subjektiv, und was andere vielleicht ansprechend finden, mögen manche nicht. Es durchläuft mehrere Phasen der Aktualisierung und Änderung, und das Bildkarussell war einst die gefragteste Anforderung auf Websites, als Unternehmen damit begannen, es überall zu integrieren.

Die obige Diskussion hat eine Schritt-für-Schritt-Anleitung zum Hinzufügen eines Bildkarussells zur Website gegeben. Der Prozess ist nicht komplex und erfordert Geduld und Fachwissen bei der Auswahl relevanter Bilder, um das Erscheinungsbild der Website zu verbessern. Karussells wären für eine kreative Website sehr ansprechend, während sie für eine E-Commerce-Website nicht hilfreich wären.

Wenn Sie also das nächste Mal vorhaben, lebendige Bilder in die Schieberegler einzufügen, sollten Sie prüfen, ob dies einen Mehrwert für die Website darstellen oder die Conversion-Rate erheblich beeinflussen würde.

Weiterlesen

• Wie kann die Produktbildgröße optimiert werden?
• Beste Bildzoom-Plugins für WooCommerce
• Intelligente Tipps zur Verbesserung von Bildern