Möchten Sie einen horizontalen Instagram-Feed in WordPress anzeigen?
Ein eleganter horizontaler Instagram-Feed wertet das Design Ihrer Website auf und verleitet Besucher dazu, mit Ihnen in Kontakt zu bleiben, damit sie Ihre Instagram-Follower und -Fans werden können!
Dieser Artikel zeigt Ihnen, wie Sie in wenigen Schritten einen horizontalen Instagram-Feed in WordPress anzeigen können.
Das folgende Inhaltsverzeichnis soll Ihnen die Orientierung erleichtern:
- Installieren Sie das Instagram-Feed-Plugin
- Erstellen Sie Ihren Instagram-Feed
- Verbinden Sie Ihr Instagram-Konto
- Wählen Sie das horizontale Einzugslayout
- Passen Sie das Design Ihres Feeds an
- Veröffentlichen Sie Ihren Feed in WordPress
Sind Sie bereit, Ihr Unternehmen mit horizontalen Instagram-Feeds zu vergrößern? Lassen Sie uns eintauchen.
Warum einen horizontalen Instagram-Feed in WordPress hinzufügen?
Ein horizontaler Instagram-Feed ist mehr als nur ein ästhetisches Element auf Ihrer Website. Richtig eingesetzt, ist er ein großartiges taktisches Instrument, um den Umsatz zu steigern und Ihr Unternehmen wachsen zu lassen.
Es ist auch eine gute Möglichkeit, Instagram-Fotos an einem Ort zu zeigen und gleichzeitig Ihren Nutzern die Möglichkeit zu geben, in ihrem eigenen Tempo durch Ihre Inhalte zu scrollen.
Sie können einen horizontalen Instagram-Feed auf viele verschiedene Arten nutzen:
- Mit horizontalen Feeds können Sie Instagram-Hashtags in WordPress anzeigen. Zum Beispiel Markenfotos auf Ihrer About-Seite oder Blogpost-Fotos mit themenrelevanten Hashtags.
- Mit dem richtigen Plugin können Sie auch Ihren horizontalen Instagram-Feed zu WordPress hinzufügen, um die SEO Ihrer Website zu verbessern.
- Da horizontale Feeds Karussells ähneln, die auf E-Commerce-Websites verwendet werden, können Sie sie nutzen, um ein Einkaufserlebnis auf Instagram zu schaffen.
- Außerdem haben Instagram-Feeds, die von nutzergenerierten Inhalten gespeist werden, auch einen sozialen Beweis. Sie können sie also nutzen, um Ihre Website-Besucher davon zu überzeugen, bei Ihnen zu kaufen.
Wie man einen horizontalen Instagram-Feed in WordPress anzeigt
Die einfachste Möglichkeit, horizontale Instagram-Feeds in WordPress anzuzeigen, ist die Verwendung eines WordPress-Plugins wie Instagram Feed Pro.
Das liegt daran, dass Instagram mit seiner Standard-Einbettungsmethode keine einfache Möglichkeit bietet, einen horizontalen Effekt zu erzielen.
Wenn Sie Instagram-Beiträge in WordPress ohne ein Plugin einbetten, können Sie nur einen einzigen Beitrag einfügen.
Aber mit einem WordPress-Plugin wie Instagram Feed Pro können Sie einen ganzen Feed von Beiträgen mit mehreren Layout-Optionen, einschließlich horizontaler Karussell-Feeds, einbetten.
Für dieses Tutorial werden wir dieses Instagram-Feed-Plugin verwenden, um das gewünschte Design und Layout zu erhalten.
Instagram Feed Pro von Smash Balloon ist das am besten bewertete Instagram-Feed-Plugin für WordPress. Die Bewertung von 4,9/5 Sternen von über 1.000.000 aktiven Nutzern sagt viel über die Qualität dieses Plugins aus.
Dank der benutzerfreundlichen Oberfläche sind nur wenige Klicks nötig, um Ihre Instagram-Inhalte so zu gestalten, wie Sie es sich wünschen - ganz ohne Programmierung.
Noch besser: Sie können das Design Ihres Feeds vollständig anpassen und Inhalte filtern, um Hashtag-Feeds, Foto-Feeds, Shoppable-Feeds, Instagram-Reels und mehr anzuzeigen.
Und das Beste daran?
Sobald Sie Ihr Konto mit dem Plugin verbinden, kommuniziert es automatisch mit der Instagram-API, so dass Sie Ihren horizontalen Instagram-Feed leicht anzeigen können, auch wenn Sie technisch nicht versiert sind.
Instagram Feed Pro ist einsteigerfreundlich, schnell und zuverlässig - deshalb vertrauen einige der größten Marken der Welt auf die Software:
Schritt 1: Installieren Sie das Instagram Feed Plugin von Smash Balloon
Um Ihr Instagram seitlich zu zeigen, können Sie zunächst Ihre eigene Kopie von Instagram Feed Pro erwerben und das Plugin auf Ihren Computer herunterladen.
Danach laden Sie das Plugin hoch und installieren es auf Ihrer WordPress-Website. Wenn Sie dabei ein wenig Hilfe benötigen, finden Sie hier eine praktische Anleitung für die Installation eines WordPress-Plugins.
Schritt 2: Erstellen Sie Ihren horizontalen Instagram-Feed
Der nächste Schritt besteht darin, mit dem Plugin einen Instagram-Feed zu erstellen.
Das geht ganz einfach, indem Sie im Dashboard auf das Menü " Instagram-Feed " gehen und dann auf " Neu hinzufügen" klicken.
Als Nächstes können Sie wählen, welche Art von Instagram-Feed Sie auf Ihrer Website haben möchten. Wie Sie sehen können, gibt es 3 Optionen zur Auswahl:
- Benutzer-Zeitleiste: Zeigen Sie Ihre eigenen Beiträge im horizontalen Instagram-Feed an
- Öffentlicher Hashtag: Zeigen Sie Instagram-Beiträge an, die öffentliche Hashtags Ihrer Wahl haben.
- Getaggte Beiträge: Verwenden Sie Ihren Feed, um Beiträge anzuzeigen, die Ihr Instagram-Konto erwähnt haben
Außerdem können Sie hier mehr als 1 Option auswählen, um verschiedene Instagram-Feed-Typen in einem einzigen Feed zu kombinieren.
Nachdem Sie den Typ des Instagram-Feeds ausgewählt haben, klicken Sie auf Weiter.
Schritt 3: Verbinden Sie Ihr Instagram-Konto
Im nächsten Schritt können Sie Ihren neuen Feed mit ein paar Klicks mit Ihrem Instagram-Konto verbinden.
Um zu beginnen, klicken Sie zunächst auf die Schaltfläche Quelle hinzufügen .
Danach fragt das Plugin Sie, ob Sie ein persönliches Konto oder ein Geschäftskonto verbinden möchten.
Für einige der im Plugin enthaltenen Feed-Typen ist ein Geschäftskonto erforderlich, z. B. für Feeds, die nach bestimmten Hashtags gefiltert sind, für die Anzeige von Instagram-Stories und für die Erstellung von "Shopping-Feeds", die zu Ihrem Online-Shop verlinken.
In diesem Artikel erfahren Sie, wie Sie Ihr Instagram-Konto in ein Geschäftsprofil umwandeln können.
Um fortzufahren, wählen Sie einfach den Typ des Instagram-Kontos aus und klicken Sie dann auf Mit Instagram anmelden.
In diesem Lernprogramm nehmen wir ein persönliches Konto.
Danach öffnet das Plugin Instagram, so dass Sie den Lesezugriff auf Instagram Feed Pro ermöglichen können.
Mit diesem Zugriff zeigt das Plugin die Instagram-Informationen an, so dass es Fotos und Videos in Ihrem Instagram-Feed anzeigen kann.
Andererseits kann es keine Änderungen vornehmen, so dass es völlig sicher zu verwenden ist.
Klicken Sie einfach auf die Schaltfläche Zulassen im Popup-Fenster, um fortzufahren.
Nachdem Sie den Nur-Lese-Zugriff gewährt haben, bringt Sie das Plugin zurück zu Ihrer WordPress-Website, damit Sie die Verbindung mit Ihrem Konto abschließen können.
Dazu können Sie einfach auf die Schaltfläche Weiter klicken.
Schritt 4: Wählen Sie das horizontale Karussell-Layout
Möchten Sie Ihren horizontalen Instagram-Feed gestalten? Prima! Instagram Feed Pro hat einen Live-Feed-Editor mit vielen Anpassungsoptionen, aus denen Sie wählen können.
Auf der linken Seite haben Sie die Möglichkeit, das Layout Ihres Feeds, das Farbschema, das Design der Kopfzeile, den Stil der Beiträge, den Hintergrund und vieles mehr zu ändern.
Um Ihre Änderungen zu verfolgen, können Sie rechts eine Echtzeit-Vorschau Ihres Instagram-Feeds sehen.
Klicken Sie im nächsten Schritt auf die Option Feed-Layout auf der linken Seite Ihres Bildschirms.
Hier finden Sie die Layout-Optionen für Ihren Instagram-Feed mit 4 Optionen zur Auswahl: Gitter, Karussell, Masonry und Highlight.
Jedes dieser Layouts erzeugt einen anderen visuellen Effekt.
Und da Sie einen horizontalen Instagram-Feed in WordPress anzeigen möchten, wählen wir die Option Karussell.
Diese Option zeigt Ihren Feed in einem Diashow-Karussell an, das horizontal durch Ihre Beiträge scrollt.
Wenn Sie auf das Karussell-Layout klicken, sehen Sie mehrere Einstellungen, mit denen Sie Ihr Design anpassen können.
Schauen wir uns die Anzeigeeinstellungen etwas genauer an:
- Reihen: Wählen Sie zwischen 1 oder 2 Reihen für Ihren horizontalen Einzug.
- Schleifenart: Wählen Sie entweder "Zurückspulen" oder "Endlos". Bei der Endlosschleife können Besucher alle Fotos in Ihrem Feed durchlaufen. Beim Zurückspulen hingegen wird eine bestimmte Anzahl von Fotos durchlaufen.
- Intervallzeit: Hier können Sie die Zeit zwischen den einzelnen Fotozyklen festlegen.
- Navigationspfeile anzeigen: Ermöglicht das Hinzufügen von Pfeilen, mit denen Sie sich vor und zurück durch Ihren Feed bewegen können.
- Paginierung anzeigen: Enthält Punktsymbole unter der Diashow, die anzeigen, wie viele Fotos sich in Ihrem Feed befinden.
- Autoplay aktivieren: Lässt die Instagram-Posts in Ihrem Karussell automatisch ablaufen.
Unter diesen Optionen können Sie die Anzahl der Spalten und Instagram-Bilder in Ihrem Feed auswählen und den Abstand in Pixeln festlegen.
Hier ist ein Beispiel dafür, wie diese Einstellungen aussehen, wenn Sie Ihr Instagram seitlich auf Ihrer Website einbetten.
Wir haben 1 Zeile ausgewählt und Paginierung und Navigationspfeile für unseren Feed aktiviert.
Sobald Sie Ihre Feed-Layout-Optionen ausgewählt haben, klicken Sie auf die Schaltfläche Speichern .
Auf diese Weise können Sie das horizontale Karussell-Layout für Ihren Instagram-Feed ganz einfach aktivieren.
Schritt 5: Passen Sie das Design Ihres horizontalen Instagram-Feeds an
Um den Rest Ihres horizontalen Instagram-Feeds anzupassen, klicken Sie oben auf die Schaltfläche Anpassen .
Von hier aus können Sie auf die Option Farbschema klicken, um die Farben für Ihren Feed festzulegen.
Was die Farboptionen betrifft, so bietet Instagram Feed Pro 4 verschiedene Farbschemata, aus denen Sie wählen können:
- Vom Theme erben: Wenn Sie die gleichen Farben wie das Thema Ihrer Website verwenden möchten
- Hell: Um einen hellen Hintergrund für Ihren Feed zusammen mit einer dunklen Schriftfarbe anzuzeigen
- Dunkel: Ermöglicht die Anzeige eines dunklen Hintergrunds und einer helleren Schrift.
- Benutzerdefiniert: Ermöglicht es Ihnen, alle Farben Ihres Feeds manuell auszuwählen
Sobald Sie Ihr Farbschema ausgewählt haben, klicken Sie auf Speichern , um Ihre Änderungen zu bestätigen.
Und schon können Sie das Design Ihres Beitrags, das Layout der Kopfzeile, den Stil der Schaltflächen, die Größe des Feeds und vieles mehr mit diesem Live-Feed-Editor bearbeiten - ganz ohne Programmierkenntnisse.
Vergessen Sie nicht, auf die Schaltfläche Speichern oben auf der Seite zu klicken, wenn Sie mit Ihren Einstellungen zufrieden sind.
Schritt 6: Veröffentlichen Sie Ihren horizontalen Instagram-Feed in WordPress
Das Instagram Feed Pro Plugin bietet mehrere Möglichkeiten, Ihren horizontalen Instagram-Feed in WordPress anzuzeigen.
Zu den verschiedenen Methoden gehören:
- Fügen Sie Ihren horizontalen Feed zu einer WordPress-Seite hinzu
- Verwenden Sie ein Instagram-Feed-Widget, um Ihren Feed in der WordPress-Seitenleiste oder -Fußzeile anzuzeigen.
Im Folgenden zeigen wir Ihnen, wie Sie die einzelnen Methoden anwenden können:
Horizontaler Instagram-Feed zu einer WordPress-Seite hinzufügen
Um Ihren Instagram-Feed zu einer Seite hinzuzufügen, klicken Sie zunächst oben auf die Schaltfläche Einbetten .
Daraufhin öffnet sich ein Popup, in dem Sie den Standort für Ihren horizontalen Instagram-Feed festlegen können.
Um fortzufahren, klicken Sie im Popup-Fenster auf die Option Zu einer Seite hinzufügen .
Danach zeigt Ihnen das Popup eine Liste von WordPress-Seiten an, aus der Sie eine Seite auswählen können.
Klicken Sie dann auf die Schaltfläche Hinzufügen , um Ihren Feed auf dieser Seite einzubetten.
Dadurch wird diese Seite im WordPress-Editor geöffnet, so dass Sie Ihren horizontalen Instagram-Feed einbetten können.
Klicken Sie dazu auf das Pluszeichen (+), um einen neuen WordPress-Inhaltsblock hinzuzufügen.
Geben Sie "Instagram" in die Suchleiste ein und klicken Sie dann auf den Instagram-Feed-Block, um ihn zu Ihrer Seite hinzuzufügen.
WordPress erstellt eine Vorschau Ihres Feeds, damit Sie Änderungen vornehmen können, bevor Sie auf Veröffentlichen klicken.
Jetzt können Ihre Besucher einen beeindruckenden horizontalen Instagram-Feed live auf Ihrer Website sehen.
Wie Sie sehen, können Sie Ihren horizontalen Instagram-Feed mit wenigen Klicks und ganz ohne Programmierung einbetten.
Horizontaler Instagram-Feed in eine WordPress-Seitenleiste oder -Fußzeile einfügen
Um loszulegen, gehen Sie in Ihrem WordPress-Dashboard zum Menü Instagram-Feed " Alle Feeds.
Klicken Sie anschließend auf den horizontalen Instagram-Feed, den Sie zuvor erstellt haben.
Dadurch wird der Feed erneut im Live-Feed-Editor geöffnet. Um fortzufahren, klicken Sie erneut auf die Schaltfläche Einbetten am oberen Rand.
Klicken Sie in diesem Popup auf die Schaltfläche Zu einem Widget hinzufügen , um Ihren Instagram-Feed in Ihrer Seitenleiste oder Fußzeile einzubetten.
Dadurch wird die Widgets-Seite Ihrer Website geöffnet, wo Sie Ihr Widget hinzufügen, entfernen oder verwalten können.
Möchten Sie Ihren Instagram-Feed in der Seitenleiste hinzufügen? Klicken Sie hier auf das Feld " Sidebar ".
Stattdessen können Sie auf das Fußzeilen-Panel klicken und Ihren horizontalen Instagram-Feed in Ihre WordPress-Fußzeile einbetten.
Für dieses Tutorial werden wir eine Fußzeile wählen.
Fügen Sie ein neues Widget hinzu, indem Sie auf das Plus-Symbol (+) klicken und dann das Instagram-Feed-Widget aus den Optionen auswählen.
Klicken Sie abschließend auf die Schaltfläche Aktualisieren , um dieses neue WordPress-Widget zu bestätigen.
Wenn Sie nun zum Anfang Ihrer Website navigieren, wird Ihr Instagram-Feed horizontal in der Seitenleiste angezeigt.
Da haben Sie es!
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man einen horizontalen Instagram-Feed in WordPress-Websites mit Leichtigkeit anzeigt.
Jetzt müssen Sie sie nur noch auf Ihrer Website einbinden, um Ihr Publikum zu begeistern und es in treue Fans und potenzielle Kunden zu verwandeln.
Möchten Sie einen horizontalen Instagram-Feed auf Ihrer Website anzeigen? Starten Sie hier mit Instagram Feed Pro.
Wenn Sie Ihre Instagram-Präsenz ausbauen möchten, lesen Sie diesen Leitfaden, wie Sie Ihre Instagram-Abonnenten erhöhen können.
Haben Sie Elementor? Hier erfahren Sie, wie Sie mit wenigen Klicks einen Elementor Instagram-Feed zu Ihrer Website hinzufügen können.
Und vergessen Sie nicht, uns auf Facebook und Twitter zu folgen, um die neuesten Artikel darüber zu erhalten, wie Sie Ihr Unternehmen erfolgreich in Ihren sozialen Netzwerken vermarkten können.
