So zeigen Sie Facebook-Posts aus einem bestimmten Datumsbereich auf Ihrer Website an
clicksocial

Planen Sie Beiträge für soziale Medien direkt von WordPress aus mit ClickSocial

Kostenlose Testversion starten Winkel-Rechts
Startseite Blog So zeigen Sie Facebook-Posts aus einem bestimmten Datumsbereich auf Ihrer Website an

So zeigen Sie Facebook-Posts aus einem bestimmten Datumsbereich auf Ihrer Website an

wie man Facebook-Posts aus einem bestimmten Datumsbereich auf der Website anzeigt

Suchen Sie nach einer Möglichkeit, Facebook-Beiträge aus einem bestimmten Datumsbereich einzubetten?

Das Hinzufügen von Facebook-Posts auf Ihrer Website kann eine großartige Möglichkeit sein, für Ihre Unternehmensseite zu werben, eine Facebook-Gemeinschaft aufzubauen und Ihre Besucher einzubinden.

Und heute zeigen wir Ihnen die einfachste Möglichkeit, Facebook-Posts einzubetten und sie gleichzeitig nach Datum zu filtern.

Fangen wir an!

Warum Facebook-Posts auf Ihrer WordPress-Website einbetten?

Wenn Sie Ihre eigenen Facebook-Posts einbetten, können Sie eine Menge neuer Likes, Kommentare und Follower von allen Besuchern Ihrer Website erhalten.

Außerdem können Sie Facebook-Beiträge nach Datumsbereich filtern und nur bestimmte Beiträge von Facebook anzeigen, veraltete Inhalte ausblenden und alte Beiträge entfernen.

Auf diese Weise können Sie immer wieder neue Inhalte auf Ihrer Website zeigen, was Ihrer Suchmaschinenoptimierung zugute kommen kann.

Um dies jedoch manuell zu tun, müssen Sie sich mit der Facebook-API auseinandersetzen. Da diese Methode Kodierung erfordert, kann das Filtern von Facebook-Beiträgen viel Zeit und Mühe kosten.

Facebook-Post manuell einbetten Code

In diesem Beitrag zeigen wir Ihnen den einfachsten Weg, Facebook-Posts aus einem ausgewählten Datumsbereich einzubetten - ganz ohne HTML, Javascript oder andere Codeschnipsel.

Einbetten von Facebook-Posts aus einem bestimmten Datumsbereich

Folgen Sie einfach der Schritt-für-Schritt-Anleitung unten, und Sie können Facebook-Beiträge aus dem ausgewählten Datumsbereich in nur wenigen Minuten anzeigen!

Schritt 1: Installieren Sie das Facebook Feed Pro Plugin

Der einfachste Weg, Facebook-Posts einzubetten, ist, sich hier ein Exemplar von Facebook Feed Pro zu besorgen.

benutzerdefiniertes Facebook-Feed-Pro-Plugin

Als bestes Facebook-Feed-Plugin auf dem Markt können Sie damit Feeds von Facebook-Posts in nur wenigen Minuten erstellen, anpassen und einbetten - ganz ohne Programmierung.

Die Datumsbereichserweiterung des Plugins erhalten Sie dann hier.

Danach installieren und aktivieren Sie beides einfach auf Ihrer WordPress-Website.

Wenn Sie wissen möchten, wie das geht, finden Sie hier eine hilfreiche Anleitung für die Installation eines WordPress-Plugins.

Sobald Sie das Facebook Feed Pro Plugin und seine Erweiterung installiert und aktiviert haben, können Sie mit Schritt 2 fortfahren.

Schritt 2: Aktivieren Sie die Datumsbereichserweiterung

Sie können nun die Datumsbereichserweiterung des Plugins in Ihrem WordPress-Dashboard aktivieren, um die Einrichtung des Plugins abzuschließen.

Öffnen Sie zunächst das Menü Facebook-Feed " Erweiterungen in Ihrem Dashboard und suchen Sie den Abschnitt Datumsbereich.

Klicken Sie dort auf die Schaltfläche Aktivieren, um fortzufahren.

datumsbereichserweiterung aktivieren facebook feed pro

Sie können nun zu Schritt 3 übergehen und mit diesem Plugin einen neuen Feed mit Facebook-Beiträgen erstellen.

Schritt 3: Erstellen eines neuen Facebook-Feeds

Mit dem 3-Schritte-geführten Ablauf des Plugins können Sie ganz einfach einen neuen Facebook-Feed auf Ihrer Website erstellen.

Öffnen Sie dazu zunächst das Menü Facebook-Feed " Alle Feeds in Ihrem Dashboard-Bereich und klicken Sie auf Neu hinzufügen.

einen neuen Facebook-Feed erstellen

Als Nächstes können Sie die Art der Facebook-Posts auswählen, die Sie auf Ihrer Website einbetten möchten. Mit Facebook Feed Pro haben Sie 9 Optionen zur Auswahl:

  • Zeitleiste: Öffentliche Beiträge aus einer Facebook-Timeline anzeigen
  • Fotos: Fotos von Facebook auf Ihrer Website einbetten
  • Videos: Anzeige eines Feeds von Facebook-Videos
  • Alben: Fotoalben auswählen und alle Bilder anzeigen
  • Veranstaltungen: Fügen Sie einen Facebook-Veranstaltungskalender zu Ihrer Website hinzu
  • Bewertungen: Steigern Sie Ihre Konversionen mit positiven Bewertungen und Zeugnissen
  • Einzelner hervorgehobener Beitrag: Einen bestimmten Facebook-Post hervorheben
  • Einzelnes Album: Inhalte aus einem ausgewählten Facebook-Album anzeigen

Sobald Sie Ihren Feed-Typ ausgewählt haben, klicken Sie auf die Schaltfläche Weiter, um fortzufahren.

Wählen Sie Ihren Facebook-Feed-Typ

In diesem Beispiel werden wir Facebook-Posts aus einer Timeline einbetten.

Nachdem du nun deinen Facebook-Feed erstellt hast, ist es an der Zeit, zum nächsten Schritt überzugehen, bei dem du ihn mit deinem Konto verbindest.

Schritt 4: Verbinden Sie Ihren Feed mit Facebook

Durch die Verbindung Ihres Feeds mit Facebook kann er Facebook-Posts abrufen und sie dann auf Ihrer WordPress-Website anzeigen.

Sind Sie bereit, loszulegen?

Klicken Sie hier zunächst auf die Schaltfläche Neu hinzufügen .

Quelle hinzufügen facebook feed pro

Das Plugin fragt Sie nun, ob Sie eine Facebook-Seite oder eine Facebook-Gruppe verbinden möchten.

Wählen Sie einfach die von Ihnen bevorzugte Option aus und klicken Sie dann unten auf die Schaltfläche Mit Facebook verbinden.

Verbindung zu Facebook mit Facebook Feed Pro

Danach wird das Plugin https://www.facebook.com in Ihrem Webbrowser geöffnet. Sie können dann damit beginnen, Ihren Feed mit Ihrem Facebook-Profil zu verbinden.

Wählen Sie hier die Seite oder Gruppe auf dem Popup aus und klicken Sie dann auf die Schaltfläche Weiter.

Wählen Sie die Facebook-Seiten

Um die Verbindung Ihres Feeds mit Facebook abzuschließen, bittet das Plugin nun um einen schreibgeschützten Zugang zu Ihrem Konto.

Facebook Feed Pro nutzt diesen Zugang, um Facebook-Inhalte anzuzeigen, und kann keinerlei Änderungen an Ihrem Konto vornehmen.

Wie alle anderen Smash Balloon Plugins ist auch Facebook Feed Pro absolut sicher in der Anwendung.

Klicken Sie auf die Schaltfläche Fertig , um dem Plugin einen Nur-Lese-Zugriff auf Ihr Konto zu gewähren.

Nur Lesezugriff auf den Facebook-Feed pro erlauben

Nachdem Sie Ihr Facebook-Konto verbunden haben, kehrt das Plugin zu Ihrer WordPress-Website zurück.

Um diese Seite oder Gruppe als Quelle für Ihren Facebook-Feed zu bestätigen, klicken Sie auf die Schaltfläche Hinzufügen .

Facebook-Feed-Quelle bestätigen

Wenn Sie neue Facebook-Feeds erstellen, können Sie diese Quelle wiederverwenden, ohne Ihre Website zu verlassen.

Sie können nun hier auf die Schaltfläche Weiter klicken, um fortzufahren.

quelle bestätigen facebook feed pro

Bevor Sie mit dem nächsten Schritt fortfahren, können Sie das Design einer Feed-Vorlage importieren. Auf diese Weise haben Sie sofort ein ansprechendes Design für Ihren Facebook-Feed parat.

Sie können aus 7 Feed-Vorlagen wählen:

  • Standard
  • Einfaches Mauerwerk
  • Widget
  • Großes Gitter
  • Letztes Album
  • Schaufenster-Karussell
  • Einfaches Karussell

Um fortzufahren, wählen Sie eine Feed-Vorlage aus und klicken Sie dann auf Weiter.

Nachdem Sie nun Ihren Facebook-Feed erstellt und mit einer Quelle verbunden haben, können Sie die Beiträge nach einem bestimmten Datumsbereich filtern.

Schritt 5: Wählen Sie Ihren Datumsbereich

Facebook Feed Pro verfügt über einen Live-Feed-Editor, mit dem Sie Ihre Facebook-Feeds einfacher als je zuvor anpassen können.

Auf der linken Seite finden Sie die Optionen zum Ändern des Feed-Layouts, des Farbschemas, des Profilbildes, des Kopfzeilendesigns, des Beitragsstils und vieles mehr, indem Sie einfach Optionen auswählen oder abwählen - ohne Codes oder verwirrende Dropdown-Menüs.

Von hier aus können Sie auf die Feed-Einstellungen zugreifen, wo Sie auch Ihre Facebook-Posts filtern können.

live feed customizer facebook feed pro

Wann immer Sie Änderungen an Ihrem Facebook-Feed vornehmen, zeigt Ihnen die Live-Vorschau auf der rechten Seite, wie Ihre Facebook-Posts aussehen werden.

Sind Sie bereit, Ihre Facebook-Beiträge nach Datum zu filtern? Klicken Sie auf die Registerkarte " Einstellungen" am oberen Rand.

Wählen Sie nun die Option Filter auf der linken Seite, um fortzufahren.

Filter öffnen facebook feed pro

Scrollen Sie auf der linken Seite nach unten, bis Sie die Option Beiträge innerhalb des Datumsbereichs anzeigen finden .

Sobald Sie die Funktion aktiviert haben, können Sie Ihren Datumsbereich mit den unten stehenden Optionen eingeben. Es gibt 2 Arten von Datumsbereichen, die Sie verwenden können:

  • Spezifisch: Beiträge anzeigen, die zwischen zwei bestimmten Daten erstellt wurden (z. B. Beiträge nach dem 23. September 2022 und vor dem 23. Dezember 2022 anzeigen)
  • Relativ: Nur Beiträge anzeigen, die innerhalb einer bestimmten Anzahl von Tagen ab heute erstellt wurden (z. B. Beiträge der letzten 30 Tage anzeigen)

Wählen Sie den gewünschten Typ aus und geben Sie dann das Datum in die Felder von und bis ein.

Wählen Sie Ihren Datumsbereich facebook

In unserem Beispiel zeigen wir Facebook-Beiträge vom 01.10.2021 bis zum 01.10.2023.

Klicken Sie abschließend auf die Schaltfläche Speichern, um Ihre Änderungen zu bestätigen.

Und schon werden in Ihrem Facebook-Feed Beiträge aus dem ausgewählten Datumsbereich angezeigt. Sobald Sie Ihre Facebook-Feeds nach dem Datumsbereich gefiltert haben, können Sie mit dem nächsten Schritt fortfahren.

Schritt 6: Passen Sie Ihre Facebook-Posts an

Da das Plugin automatisch das Design Ihrer Website kopiert, sehen Ihre Feeds von Anfang an wunderschön aus. Außerdem sind sie alle vollständig responsive, sodass Sie Besucher auch von mobilen Geräten aus ansprechen können.

Mit dem Live-Feed-Anpassungsprogramm können Sie das Design Ihres Facebook-Feeds jetzt noch weiter verändern.

Klicken Sie zunächst auf die Registerkarte Anpassen am oberen Rand, um die wichtigsten Anpassungsoptionen erneut zu öffnen.

zurück zu den Anpassungsoptionen

Als Nächstes können Sie das Plugin verwenden, um das Layout der Facebook-Posts auf Ihrer Website festzulegen.

Klicken Sie zunächst auf die Option Feed-Layout auf der linken Seite.

Feed-Layouts öffnen Facebook Feed Pro

Sie können jetzt zwischen 4 verschiedenen Layouts für Ihren Facebook-Feed wählen: Liste, Raster, Masonry und Karussell.

Im Folgenden werden wir uns jedes dieser Layouts ansehen:

Feed-Layout-Optionen Facebook Social Media Feed Widget

Möchten Sie Ihre Facebook-Beiträge besser sichtbar machen?

Sie können das Listenlayout wählen und Ihren Facebook-Feed in einer einzigen Spalte anzeigen.

Listenlayout für Facebook-Feed

Wenn Sie viele Facebook-Beiträge aus dem gewählten Datumsbereich anzeigen möchten, können Sie das Masonry-Layout wählen.

In diesem Layout wird Ihr Facebook-Feed in mehreren Spalten angezeigt.

mauerwerk layout facebook feed pro

Um viele Fotos und Videos von Facebook einzubinden, können Sie das Rasterlayout verwenden.

Auf diese Weise können Sie ansprechende visuelle Inhalte in einfachen Zeilen und Spalten darstellen.

Grid-Layout Facebook

Als Nächstes haben Sie das Karussell-Layout , das Ihre Beiträge in einem schönen Facebook-Karussell zeigt.

So können Sie Ihre Besucher mit einer interaktiveren Website ansprechen.

Facebook Feed Pro Karussell-Layout

Sobald Sie ein Feed-Layout ausgewählt haben, klicken Sie auf die Schaltfläche Speichern , um Ihre Änderungen zu bestätigen.

Über die kleine Schaltfläche Anpassen können Sie dann wieder zu den Hauptanpassungsoptionen zurückkehren.

Klicken Sie auf die Schaltfläche "Anpassen" Facebook

Der Live-Feed-Editor macht es einfach, das Design der Kopfzeile, den Stil der Beiträge, das Farbschema, die Anzahl der Beiträge und vieles mehr anzupassen.

Wenn Sie mit dem Aussehen Ihres Facebook-Feeds zufrieden sind, klicken Sie auf die Schaltfläche Speichern.

Im nächsten Schritt können Sie schließlich Facebook-Posts mit Hilfe von Facebook Feed Pro in Ihre WordPress-Website einbetten.

Schritt 7: Einbetten Ihrer Facebook-Posts in WordPress

Facebook Feed Pro bietet 2 verschiedene Möglichkeiten, wie Sie Ihre Facebook-Inhalte einbetten können:

  • Facebook-Beiträge in eine WordPress-Seite einbetten
  • Facebook-Posts in die WordPress-Seitenleiste oder -Fußzeile einbetten

Lassen Sie uns beginnen und beide Methoden im Folgenden durchgehen.

Facebook-Posts in eine WordPress-Seite einbetten

Mit dem Live-Feed-Editor können Sie Ihre Facebook-Posts mit wenigen Klicks einbetten - Sie müssen sich nicht mit Einbettungscodes herumschlagen.

Klicken Sie zunächst auf die Schaltfläche " Einbetten" in der oberen rechten Ecke, um loszulegen.

Schaltfläche für das Facebook-Widget für soziale Netzwerke einbetten

Als nächstes zeigt Ihnen Facebook Feed Pro alle Möglichkeiten, wie Sie Ihren Facebook-Feed einbetten können. Sie können hier sogar Ihren Shortcode kopieren, wenn Sie ihn manuell einbetten möchten.

Um fortzufahren, klicken Sie auf die Schaltfläche Zu einer Seite hinzufügen.

zu einer Seite hinzufügen facebook feed pro

Sie können dann die WordPress-Seite auswählen, in die Sie Ihren Feed einbetten möchten.

Klicken Sie anschließend auf die Schaltfläche Hinzufügen.

facebook feed zu wordpress hinzufügen beispiel

Wenn Sie darauf klicken, öffnet sich die Seite in WordPress, auf der Sie Ihren Facebook-Feed in einen Inhaltsblock einbetten können.

Klicken Sie zunächst auf das Plus-Symbol (+), um einen Block hinzuzufügen, und wählen Sie dann den Block Benutzerdefinierter Facebook-Feed aus.

Sie können nun auf Aktualisieren klicken , und Ihr neuer Facebook-Feed ist online. Sie können diese einfachen Schritte befolgen, um Facebook-Beiträge aus einem bestimmten Datumsbereich in wenigen Minuten einzubetten.

Wenn Sie jetzt Ihre Website öffnen, können Sie die Facebook-Posts auf Ihrer Webseite finden, wie in diesem Screenshot:

Beispiel für einen Facebook-Feed auf Ihrer Website

Jetzt wissen Sie, wie Sie mit diesem Plugin Facebook-Inhalte auf Ihren Seiten einbetten können. Schauen wir uns nun an, wie Sie Ihre Beiträge mit Facebook-Widgets einbetten können.

Facebook-Posts in die WordPress-Seitenleiste oder -Fußzeile einbetten

Mit Facebook Feed Pro ist es auch ganz einfach, Beiträge in die Widget-fähigen Bereiche Ihrer Website wie die Fußzeile oder die Seitenleiste einzubetten.

Wie zuvor können Sie dies direkt über den Live-Feed-Editor des Plugins tun.

Wenn Ihr Live-Feed-Editor noch nicht geöffnet ist, navigieren Sie in Ihrem Dashboard zum Menü Facebook-Feed " Alle Feeds und klicken Sie dann auf Ihren Facebook-Feed.

feed im live customizer öffnen facebook

Ihr Facebook-Feed wird nun wieder im Live-Feed-Editor geöffnet.

Klicken Sie im Editor auf die Schaltfläche Einbetten am oberen Rand.

Schaltfläche für das Facebook-Widget für soziale Netzwerke einbetten

Mit dem Popup können Sie Ihren Facebook-Feed in der WordPress-Seitenleiste oder in der Fußzeile einbetten.

Wählen Sie dazu die Option Zu einem Widget hinzufügen .

zu einem Widget hinzufügen Facebook-Feed

Facebook Feed Pro leitet Sie dann zur Widgets-Seite Ihrer Website weiter, damit Sie WordPress-Widgets hinzufügen, entfernen oder verwalten können.

Klicken Sie anschließend auf das Feld Seitenleiste , um Ihre Facebook-Posts in Ihre Seitenleiste einzubetten.

Sidebar-Panel öffnen

Auch hier verwenden wir die Seitenleiste für unser Beispiel.

Wenn Sie Facebook-Posts unter dem Inhalt Ihrer Website einbetten möchten, klicken Sie stattdessen auf ein Footer-Panel.

Fußzeilen-Panel öffnen

Um ein neues Facebook-Widget hinzuzufügen, klicken Sie zunächst auf das Plus-Symbol (+) am unteren Rand.

Wählen Sie aus den Optionen das benutzerdefinierte Facebook-Feed-Widget aus.

Facebook-Widget für soziale Medien

Klicken Sie abschließend auf Aktualisieren, und schon haben Sie ein Facebook-Widget in der Seitenleiste oder Fußzeile Ihrer Website.

Sie können nun Ihre Website öffnen, um Facebook-Beiträge aus dem von Ihnen angegebenen Datumsbereich zu sehen.

Facebook Social Media Feed Widget in der Seitenleiste

Und das war's!

Jetzt wissen Sie, wie Sie Facebook-Beiträge aus einem bestimmten Datumsbereich einbetten und Ihre Besucher mit frischen Inhalten ansprechen können.

Wie Sie sehen können, ist es mit Facebook Feed Pro sehr einfach, Feeds von Facebook-Posts zu erstellen, anzupassen und in Ihre WordPress-Website einzubetten.

Sind Sie bereit, Facebook-Posts einfach einzubetten? Holen Sie sich Facebook Feed Pro von hier!

Möchten Sie Ihrer Website weitere Arten von Social-Media-Integrationen hinzufügen? Sehen Sie sich unsere Liste der besten Social Media Feed Plugins an.

Wenn Sie dies hilfreich fanden, vergessen Sie nicht, uns auf Facebook und Twitter zu folgen, um weitere nützliche Tipps und Tricks zu erhalten.

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.