Anleitungen/Einbettungen/Einen Instagram-Feed anzeigen

Einen Instagram-Feed anzeigen

Verwende den Block Neueste Instagram-Beiträge, um ein Raster deiner neuesten Beiträge aus deinem Instagram-Konto anzuzeigen, das sich automatisch aktualisiert. In diesem Ratgeber erfährst du, wie du einen Feed deiner neuesten Instagram-Beiträge zu deiner Website hinzufügst.

Erforderlich: Professionelles Instagram-Konto

Du kannst einen Feed mit Instagram-Beiträgen auf deiner Website anzeigen, solange du ein professionelles Instagram-Konto (Business- oder Creator-Konto) hast. Ein professionelles Instagram-Konto ist kostenlos. Du kannst ein neues professionelles Instagram-Konto erstellen oder dein bestehendes persönliches Instagram-Konto in ein professionelles Konto umwandeln.

Wenn du dein WordPress.com-Konto zum ersten Mal mit Instagram verbindest, wirst du aufgefordert, dein persönliches Instagram-Konto in ein professionelles Konto zu konvertieren oder das von dir erstellte professionelle Konto auszuwählen.

Schritt 1: Füge den Block „Neueste Instagram-Beiträge“ hinzu

Um einen Feed deiner neuesten Instagram-Beiträge anzuzeigen, fügst du als ersten Schritt den Block Neueste Instagram-Beiträge hinzu.

Befolge diese Schritte, um den Block „Neueste Instagram-Beiträge“ hinzuzufügen:

  1. Bearbeite eine Seite, einen Beitrag oder ein Template auf deiner WordPress.com-Website.
  2. Klicke auf den + Block-Inserter (Plus-Icon) und suche nach Instagram.
  3. Klicke auf das Icon „Neueste Instagram-Beiträge“, um den Block „Neueste Instagram-Beiträge“ einzufügen.
Das umrandete Icon „Neueste Instagram-Beiträge“ in der Blockauswahl.

Eine detaillierte Anleitung zum Hinzufügen von Blöcken findest du hier.

Schritt 2: Verbinde dich mit Instagram

Wenn du den Block „Neueste Instagram-Beiträge“ zum ersten Mal hinzufügst, wirst du aufgefordert, dein Instagram-Konto zu verbinden. Bei einer Website mit Plugins müssen die Privatsphäre-Einstellungen auf „Öffentlich“ oder „Demnächst verfügbar“ festgelegt sein, nicht auf „Privat“.

Gehe folgendermaßen vor, um deine Website mit Instagram zu verbinden:

  1. Klicke auf den Button Mit Instagram verbinden im Block „Neueste Instagram-Beiträge“.
  2. Klicke im Pop-up-Fenster auf den Button Zulassen, um die Verbindung zu genehmigen.
  3. Das Instagram-Fenster wird geschlossen und du siehst einen Feed deiner neuesten Instagram-Beiträge in deinem WordPress-Editor.

Collaborative Collections on Instagram (Gemeinsame Sammlungen auf Instagram) (in einer Unterhaltung geteilte Beiträge) sind aktuell nicht enthalten.

Ein Beispiel für den Block „Neueste Instagram-Beiträge“, der Beiträge anzeigt.
Ein Beispiel für den Block „Neueste Instagram-Beiträge“

Schritt 3: Passe den Feed an

Du kannst die Einstellungen für deinen Block „Neueste Instagram-Beiträge“ ändern, einschließlich der Anzahl der anzuzeigenden Beiträge und ihrer Anzeige auf Mobilgeräten.

Um die Anzeige deines Instagram-Feeds anzupassen, befolge diese Schritte:

  1. Klicke auf den Block „Neueste Instagram-Beiträge“, um ihn auszuwählen.
  2. Öffne die Seitenleiste mit den Blockeinstellungen.
  3. Passe Kontoeinstellungen und Anzeigeeinstellungen an.

Die Anpassungsoptionen umfassen folgende:

Kontoeinstellungen: Zeige das Instagram-Konto an, das du verbunden hast. Trenne dieses Konto, wenn du es entfernen oder ein anderes Konto verbinden möchtest.

Anzeigeeinstellungen: Passe die Anzahl der angezeigten Instagram-Beiträge, die Anzahl der verwendeten Spalten und den Abstand (berechnet in Pixeln) zwischen den einzelnen Beiträgen im Instagram-Raster an.

Auf Mobilgeräten stapeln: Wenn du die Option „Auf Mobilgeräten stapeln“ auswählst, werden die Inhalte auf der linken Seite über dem Inhalt auf der rechten Seite angezeigt (anstatt nebeneinander wie auf Desktop-Bildschirmen). Auf diese Weise werden die Inhalte besser auf Mobilgeräten dargestellt.

Erweitert: Auf dem Tab „Erweitert“ kannst du eine CSS-Klasse zu deinem Block hinzufügen, sodass du individuelles CSS erstellen und den Block gestalten kannst. Weitere Informationen zum Hinzufügen von CSS-Klassen zu Blöcken.

Die Seitenleiste mit den Blockeinstellungen, in der die Konto- und Anzeigeeinstellungen für den Block „Neueste Instagram-Beiträge“ angezeigt werden.

Ausrichtung und Breite: Die Werkzeugleiste des Blocks, die angezeigt wird, wenn der Block ausgewählt wird, enthält Optionen, um den Block rechtsbündig, zentriert oder linksbündig auszurichten. Außerdem kann die Anzeige in weiter oder voller Breite erfolgen, wenn dies von deinem Theme unterstützt wird.

Die Ausrichtungsoptionen sind in der Werkzeugleiste des Blocks hervorgehoben.

Verbinden mehrerer Instagram-Konten

Du kannst bis zu zwei Instagram-Konten verbinden, die zwei Neueste Instagram-Beiträge-Blöcke verwenden (d. h. ein Konto für jeden Block). Dazu sind zwei separate Instagram-Anmeldungen erforderlich. Dies funktioniert nicht, wenn du mehrere Instagram-Konten mit der gleichen Anmeldung verwaltest.

Nachdem du dein erstes Instagram-Konto mit deiner Website verbunden hast, befolge diese Schritte, um ein zweites Konto zu verbinden:

  1. Rufe auf einem neuen Browser-Tab Instagram.com auf und melde dich bei dem ersten Instagram-Konto ab.
  2. Melde dich bei dem zweiten Instagram-Konto an.
  3. Klicke auf den folgenden Link, um zur Seite mit den Marketingverbindungen deiner Website zu gelangen.
  4. Klicke neben deinem verbundenen Instagram-Konto auf den Pfeil nach unten.
  5. Wähle unter „Instagram“ die Option Ein weiteres Konto verbinden aus.
  6. Sobald dieses verbunden wurde, kannst du zwei Neueste Instagram-Beiträge-Blöcke verwenden.

Instagram-Verbindung verwalten

Du kannst deine Instagram-Verbindung auch über die Seite mit den Marketingverbindungen deiner Website verwalten.

So trennst du dein Instagram-Konto von deiner WordPress.com-Website oder verbindest es erneut:

  1. Klicke auf den folgenden Link, um zur Seite mit den Marketingverbindungen deiner Website zu gelangen.
  2. Klicke neben deinem verbundenen Instagram-Konto auf den Pfeil nach unten.
  3. Klicke auf den Button Trennen und bestätige, dass du dein Konto trennen möchtest.

Du kannst dann dein Instagram-Konto erneut verbinden oder ein anderes verbinden, indem du auf der Seite mit den Marketingverbindungen neben Instagram auf Verbinden klickst.

Copied to clipboard!