So zeigen Sie Ihre Facebook-Timeline in WordPress an

Möchten Sie mehr Social-Media-Follower für Ihren Blog? Wir haben einen tollen Trick gefunden: Zeigen Sie Ihre Facebook-Timeline direkt auf Ihrer WordPress-Website an. Das hält Ihre Website aktuell und bringt Besucher dazu, Ihnen auch auf Facebook zu folgen.

Viele Leute finden es schwierig, ihre Facebook-Timeline zu ihrer WordPress-Seite hinzuzufügen. Oftmals enden sie mit Feeds, die schlecht aussehen und nicht zu ihrer Seite passen. Aber keine Sorge – wir haben eine einfache Lösung, die auch gut aussieht.

Diese Anleitung zeigt Ihnen, wie Sie Ihre Facebook-Timeline mit einem einfachen Tool zu WordPress hinzufügen.

Warum Ihre Facebook-Timeline in WordPress anzeigen?

Laut unserer Marketing-Forschungsstatistik ist Facebook die beliebteste Social-Media-Plattform der Welt mit 2,9 Milliarden monatlich aktiven Nutzern. Das macht Facebook zum perfekten Ort, um ein neues Publikum zu erreichen und mit Menschen in Kontakt zu treten, die Ihre Website bereits kennen.

Ihre Facebook-Beiträge werden jedoch nicht angezeigt, wenn Besucher Ihre Website aufrufen.

In diesem Sinne empfehlen wir, Ihre Facebook-Timeline in WordPress einzubetten, damit mehr Menschen Ihre Inhalte genießen können. Wenn den Leuten gefällt, was sie sehen, fangen sie vielleicht sogar an, Ihnen auf Facebook zu folgen.

Wenn Sie das richtige Plugin verwenden, wird der Social-Media-Feed automatisch aktualisiert, wenn Sie neue Inhalte auf Facebook posten. Dies ist eine einfache Möglichkeit, Ihre Website frisch und interessant zu halten, auch für Stammbesucher.

Lassen Sie uns nun sehen, wie Sie Ihre Facebook-Timeline in WordPress anzeigen. Sie können die Schnelllinks unten verwenden, um durch die Schritte zu navigieren:

• Schritt 1: Installieren und Einrichten des Custom Facebook Feed Plugins
• Schritt 2: Verbinden Sie Ihre Facebook-Seite oder -Gruppe mit WordPress
• Schritt 3: Passen Sie Ihren eingebetteten Facebook-Feed an
• Schritt 4: Betten Sie Ihre Facebook-Timeline in WordPress ein

Schritt 1: Installieren und Einrichten des Custom Facebook Feed Plugins

Der einfachste Weg, Ihre Facebook-Timeline in WordPress einzubetten, ist die Verwendung des Smash Balloon Custom Facebook Feed Plugin.

Dieses Plugin ermöglicht es Ihnen, Facebook-Alben, Kommentare, Bewertungen, Community-Beiträge und mehr auf Ihrer Website einzubetten.

Für diese Anleitung verwenden wir Custom Facebook Feed Pro, da es Ihnen ermöglicht, Fotos und Videos von Ihrer Facebook-Timeline anzuzeigen.

In der Zwischenzeit erlaubt die kostenlose Version nur Texte und Links in Ihren Facebook-Statusbeiträgen.

Nach der Aktivierung müssen Sie zu Facebook Feed » Einstellungen gehen und Ihren Lizenzschlüssel in das Feld „Lizenzschlüssel“ eingeben.

Diese Informationen finden Sie unter Ihrem Konto auf der Smash Balloon-Website.

Nach Eingabe des Schlüssels klicken Sie auf die Schaltfläche „Aktivieren“.

Schritt 2: Verbinden Sie Ihre Facebook-Seite oder -Gruppe mit WordPress

Als Nächstes müssen Sie Ihre WordPress-Website mit einer Facebook-Seite oder einer Gruppen-Timeline verbinden. Wir werden eine Facebook-Seite verwenden, aber die Schritte sind für Facebook-Gruppen weitgehend dieselben.

Für einen detaillierteren Einblick in Gruppen lesen Sie bitte unseren vollständigen Leitfaden zum Thema Einbetten eines Facebook-Gruppen-Feeds in WordPress.

Um Ihre Facebook-Seite oder -Gruppe mit WordPress zu verbinden, gehen Sie zu Facebook Feed » Alle Feeds und klicken Sie dann auf „Neu hinzufügen“.

Smash Balloon ermöglicht es Ihnen, verschiedene Feeds zu erstellen, um einen Facebook-Veranstaltungskalender in WordPress hinzuzufügen, Fotos anzuzeigen, eine Timeline einzubetten und mehr.

Da wir unsere Facebook-Timeline in WordPress anzeigen möchten, müssen Sie auf 'Timeline' und dann auf 'Weiter' klicken.

Danach können Sie die Facebook-Seite oder -Gruppe auswählen, die Sie zu Ihrer Website hinzufügen möchten.

Klicken Sie einfach auf „Neu hinzufügen“, um zu beginnen.

Wählen Sie auf dem nächsten Bildschirm aus, ob Sie die Timeline von einer Seite oder einer Gruppe einbetten möchten.

Nachdem Sie diese Entscheidung getroffen haben, klicken Sie auf „Mit Facebook verbinden“.

Dies öffnet ein Popup, in dem Sie sich bei Ihrem Facebook-Konto anmelden und die Seiten oder Gruppen auswählen können, die Sie verwenden möchten.

Klicken Sie danach auf „Weiter“.

Sobald Sie dies getan haben, zeigt Facebook alle Informationen an, auf die Smash Balloon zugreifen kann, und die Aktionen, die es auf Ihrer Facebook-Seite oder -Gruppe ausführen kann.

Um den Zugriff von Smash Balloon auf Ihr Facebook-Konto einzuschränken, klicken Sie einfach auf eines der Schalter, um es von 'Ja' auf 'Nein' umzustellen. Beachten Sie jedoch, dass dies die Facebook-Inhalte einschränken kann, die auf Ihrem WordPress-Blog oder Ihrer Website angezeigt werden.

In diesem Sinne sollten Sie alle Schalter nach Möglichkeit aktiviert lassen.

Klicken Sie anschließend auf die Schaltfläche „Fertig“.

Nach einigen Momenten sollten Sie eine Meldung sehen, die bestätigt, dass Sie Ihre WordPress-Website mit Facebook verknüpft haben. Nachdem Sie dies getan haben, ist es an der Zeit, auf „OK“ zu klicken.

Smash Balloon bringt Sie nun automatisch zurück zum WordPress-Dashboard.

An diesem Punkt sehen Sie ein Popup mit der Gruppe oder Seite, die Sie gerade mit WordPress verbunden haben.

Wählen Sie einfach das Optionsfeld neben dieser Quelle aus und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

Wenn Sie das Popup versehentlich geschlossen haben, machen Sie sich keine Sorgen. Aktualisieren Sie einfach den Tab, um das Popup erneut zu öffnen.

Wählen Sie dann Ihre Facebook-Seite oder -Gruppe aus und klicken Sie auf 'Weiter'.

In dieser Phase können Sie ein Theme für Ihren Facebook-Feed-Timeline auswählen. Alle diese Themes sind vollständig anpassbar, sodass Sie das Design feinabstimmen können, je nachdem, wie Sie die Timeline auf Ihrer WordPress-Website anzeigen möchten.

Wenn Sie nicht sicher sind, welche Sie verwenden sollen, können Sie einfach die Option „Standard“ auswählen und sie im nächsten Schritt ändern.

Jetzt können Sie eine Vorlage auswählen, die als Ausgangspunkt für Ihre eingebettete Zeitleiste dient.

Wir verwenden die Vorlage „Standard“, aber Sie können jede beliebige Vorlage wählen. Sie können die Vorlage auch später ändern, wenn Sie nicht zufrieden sind.

Wenn Sie mit dem Aussehen der Facebook-Timeline zufrieden sind, klicken Sie auf „Speichern“, um Ihre Änderungen zu speichern.

Schritt 3: Passen Sie Ihren eingebetteten Facebook-Feed an

Das Smash Balloon Custom Facebook Feed Plugin bietet Ihnen viele Möglichkeiten, das Aussehen der Timeline auf Ihrer Website anzupassen. Lassen Sie uns daher die verschiedenen Änderungen betrachten, die Sie an Ihrer Facebook-Timeline vornehmen können.

Suchen Sie auf der Seite Facebook-Feed » Alle Feeds Ihren Zeitleisten-Feed und klicken Sie dann auf die Schaltfläche „Bearbeiten“, die wie eine kleine Bleistift aussieht.

Dies öffnet den Smash Balloon Feed-Editor, der rechts eine Vorschau der Facebook-Gruppe oder Seiten-Timeline anzeigt.

Auf der linken Seite sehen Sie alle Einstellungen, mit denen Sie das Aussehen der Timeline ändern können. Die meisten dieser Einstellungen sind selbsterklärend, aber wir werden jeden Bereich kurz behandeln.

Wenn Sie mit dem Aussehen des Feeds nicht zufrieden sind, können Sie eine andere Vorlage ausprobieren, indem Sie auf die Menüoption 'Vorlage' klicken.

Wählen Sie dann die Schaltfläche „Ändern“.

Danach können Sie ändern, wie Ihre Beiträge angezeigt werden, indem Sie auf „Feed-Layout“ klicken.

Auf diesem Bildschirm können Sie zwischen Listen- und Kachel-Layouts wechseln. Während Sie Änderungen vornehmen, wird die Vorschau automatisch aktualisiert, sodass Sie verschiedene Layouts ausprobieren können, um zu sehen, welches für Ihre Facebook-Timeline am besten aussieht.

Sie können auch die Feed-Höhe und die Anzahl der Beiträge ändern, die Smash Balloon auf Desktop-Computern, Smartphones und Tablets anzeigt.

Wenn Sie die Anzahl der Beiträge ändern, können Sie mit der Schaltflächenreihe in der oberen rechten Ecke eine Vorschau anzeigen, wie Ihr Feed auf Desktop-Computern und Mobilgeräten aussehen wird.

Beim Testen der mobilen Version Ihrer WordPress-Website möchten Sie möglicherweise auch die Anzahl der Spalten ändern, die Smash Balloon auf Desktops, Tablets und Smartphones anzeigt.

Zum Beispiel teilen wir im folgenden Bild den Inhalt in 4 Spalten auf dem Desktop, 3 Spalten auf Tablets und 2 Spalten auf Mobilgeräten auf.

Dies kann dazu beitragen, dass Ihre Zeitleiste bequem auf dem Bildschirm angezeigt wird, unabhängig davon, welches Gerät der Besucher verwendet.

Wenn Sie mit dem Layout zufrieden sind, klicken Sie auf den Link 'Anpassen'.

Dies bringt Sie zurück zum Haupteditor von Smash Balloon, sodass Sie mit der nächsten Menüoption, „Farbschema“, fortfahren können.

Standardmäßig verwendet Ihre Timeline die gleichen Farben wie Ihr WordPress-Theme, aber dieser Bildschirm ermöglicht es Ihnen auch, zwischen 'Hell' und 'Dunkel' Layouts zu wechseln.

Sie können sogar Ihr eigenes Farbschema erstellen, indem Sie „Benutzerdefiniert“ auswählen und dann die Einstellungen verwenden, um die Linkfarbe, die Hintergrundfarbe, die Textfarbe in WordPress und mehr zu ändern.

Standardmäßig fügt Smash Balloon einen Header zu Ihrem Feed hinzu, der Ihr Titelbild, Profilbild und den Namen Ihrer Facebook-Seite enthält.

Um das Aussehen dieses Bereichs zu ändern, klicken Sie im linken Menü auf „Header“.

Auf diesem Bildschirm können Sie die Hintergrundfarbe, die Größe des Headers ändern, Ihr Facebook-Profilbild ausblenden oder anzeigen und mehr.

Sie können auch zwischen dem standardmäßigen „Visuellen“ Header und einem „Text“-Header wechseln.

Möchten Sie die Kopfzeile komplett entfernen? Klicken Sie dann einfach auf den Umschalter „Aktivieren“, um ihn auszuschalten.

Danach können Sie ändern, wie die einzelnen Beiträge innerhalb der Timeline aussehen, indem Sie im linken Menü 'Post Style' auswählen.

Abhängig von Ihrer Vorlage können Sie möglicherweise zwischen verschiedenen Layouts wählen.

Sie können entweder Thumbnail-, Halbbreiten- oder Vollbreiten-Layouts auswählen.

Das Thumbnail Layout zeigt Ihre Facebook-Posts mit kleinen Bildern.

Sie können ein Beispiel dafür in der folgenden Abbildung sehen.

Möchten Sie stattdessen größere Bilder anzeigen?

Dann können Sie Halbbreite als Ihr Beutelayout auswählen.

Schließlich, wenn Sie Ihren Facebook-Feed mit den größtmöglichen Bildern anzeigen möchten, können Sie das Vollbildlayout wählen.

Hier ist ein Beispiel dafür, wie dies auf Ihrer WordPress-Website aussehen wird:

Wenn Sie mit dem allgemeinen Layout zufrieden sind, ist es an der Zeit, die spezifischen Inhalte jedes Beitrags zu verfeinern.

Um zu beginnen, klicken Sie auf „Post Style“.

Auf diesem Bildschirm können Sie zwischen einem normalen und einem Box-Layout wählen.

Wenn Sie 'Boxed' wählen, können Sie für jeden Beitrag einen farbigen Hintergrund erstellen. Dies kann dazu beitragen, dass Ihre Facebook-Beiträge sich vom Rest Ihrer Website abheben und der Text leichter zu lesen ist.

Sie können auch den Radius der Ränder vergrößern, um abgerundete Ecken zu erzeugen, oder einen Schatten hinzufügen, um den Inhalt hervorzuheben.

Wenn Sie „Regulär“ wählen, können Sie die Dicke und Farbe der Linie ändern, die die verschiedenen Social-Media-Beiträge trennt.

Sie können auch die einzelnen Teile innerhalb jedes Beitrags anpassen, indem Sie zum Haupt-Einstellungsbildschirm zurückkehren.

Wählen Sie erneut 'Post Style', aber wählen Sie diesmal 'Edit Individual Elements'.

Auf diesem Bildschirm sehen Sie alle verschiedenen Inhalte, die Smash Balloon in jeden Timeline-Beitrag aufnimmt, wie z. B. den Beitragautor, den Veranstaltungstitel, die Box für geteilte Links und mehr.

Um einen Inhalt aus Ihren Beiträgen zu entfernen, klicken Sie einfach auf das Feld, um die Markierung aufzuheben.

Sie können auch die Größe und Farbe dieser einzelnen Elemente ändern. Klicken Sie einfach auf den Namen des Elements, z. B. „Post Author“ oder „Post Text“.

Sie können dann die Einstellungen verwenden, um diesen Inhalt anzupassen. Sie können zum Beispiel auch die Schriftgröße ändern oder eine neue Farbe hinzufügen.

Standardmäßig fügt Smash Balloon keinen Facebook „Gefällt mir“-Button zu Ihrem Feed hinzu. Um Ihre Facebook-Follower zu erhöhen, möchten Sie diesen Button möglicherweise hinzufügen, indem Sie „Gefällt mir-Box“ aus dem linken Menü des Editors auswählen.

Klicken Sie danach einfach auf die Schaltfläche „Aktivieren“, damit sie blau wird.

Standardmäßig fügt Smash Balloon diese Schaltfläche unter der Timeline hinzu, aber Sie können dies ändern, indem Sie das Dropdown-Menü „Position“ öffnen und stattdessen „Oben“ auswählen.

Auf diesem Bildschirm können Sie auch das Aussehen des „Gefällt mir“-Bereichs ändern, einschließlich des Hinzufügens einer benutzerdefinierten Handlungsaufforderung und des Hinzufügens des Titelbildes der Seite.

Eine hohe Follower-Anzahl ist ein großartiger Social Proof, der mehr Leute ermutigt, Ihrer Facebook-Gruppe beizutreten. In diesem Sinne möchten Sie vielleicht auf den Schalter 'Fans anzeigen' klicken, um ihn zu aktivieren.

Wenn Sie mit dem Aussehen des 'Gefällt mir'-Buttons zufrieden sind, können Sie mit den Einstellungen für den 'Mehr laden'-Button fortfahren.

Die Schaltfläche „Mehr laden“ gibt Besuchern eine einfache Möglichkeit, mehr von Ihrer Facebook-Timeline zu durchsuchen. Smash Balloon fügt sie daher standardmäßig zum Feed hinzu.

Das ist ein guter Anfang, aber da es sich um eine so wichtige Schaltfläche handelt, möchten Sie sie vielleicht hervorheben, indem Sie ihre Hintergrundfarbe, den Hover-Zustand und die Beschriftung ändern.

Sie können auch den Text auf der Schaltfläche ändern, indem Sie ihn in das Feld „Text“ eingeben.

Wenn Sie den Button „Mehr laden“ entfernen möchten, klicken Sie auf den Schalter „Aktivieren“.

Standardmäßig ermöglicht Smash Balloon Besuchern, die Fotos und Videos in Ihrer Timeline anzusehen, ohne Ihre Website zu verlassen.

Der Besucher kann einfach auf ein beliebiges Foto oder Video klicken, um ein Lightbox-Popup zu öffnen, wie Sie im folgenden Bild sehen können.

Der Besucher kann dann die Pfeile verwenden, um durch alle Fotos und Videos in Ihrer Facebook-Zeitleiste zu scrollen.

Wenn sie ein Foto liken, einen Kommentar hinterlassen oder das Bild mit ihren Facebook-Freunden teilen möchten, können sie auf den Link „Auf Facebook kommentieren“ klicken.

Dies öffnet einen neuen Tab und leitet den Besucher direkt zum Beitrag auf Ihrer Facebook-Seite.

Es gibt verschiedene Möglichkeiten, die Lightbox-Funktion von Smash Balloon anzupassen. Um Ihre Optionen anzuzeigen, klicken Sie im linken Menü auf „Lightbox“.

Hier können Sie die Farbe des Lightbox-Textes, der Links und des Hintergrunds ändern.

Standardmäßig zeigt die Lightbox alle Kommentare an, die Personen zu Ihren Fotos und Videos hinterlassen haben. Wenn Sie diese Kommentare lieber ausblenden möchten, können Sie auf den Schalter 'Kommentare anzeigen' klicken, um ihn von Blau (aktiviert) auf Grau (deaktiviert) umzuschalten.

Die Lightbox-Funktion ermöglicht es den Nutzern, direkt auf Ihrer WordPress-Website durch Ihre Fotos und Videos zu scrollen.

Möglicherweise möchten Sie die Leute jedoch ermutigen, stattdessen Ihre Facebook-Seite zu besuchen. In diesem Fall können Sie die Lightbox-Funktion deaktivieren, indem Sie auf den Umschalter „Aktivieren“ klicken.

Nun muss der Besucher auf den Link 'Auf Facebook anzeigen' klicken, um sich jedes Foto oder Video genauer anzusehen.

Wenn Sie mit dem Aussehen der Facebook-Timeline zufrieden sind, vergessen Sie nicht, auf „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Schritt 4: Betten Sie Ihre Facebook-Timeline in WordPress ein

Sie können die Zeitleiste jetzt mithilfe eines Blocks, Widgets oder Shortcodes zu Ihrer Website hinzufügen. Klicken Sie dazu einfach auf die Schaltfläche „Einbetten“ oben auf der Seite des Facebook-Feed-Editors.

Sie sehen dann drei Optionen, um Ihre Facebook-Timeline hinzuzufügen: über einen Shortcode, das Hinzufügen zu einer Seite oder das Hinzufügen als Widget.

Wenn Sie die Facebook-Zeitleiste auf einer Seite anzeigen möchten, klicken Sie auf die Schaltfläche „Zu einer Seite hinzufügen“.

Wählen Sie danach eine Seite aus, auf der Sie die Facebook-Zeitleiste anzeigen möchten. Klicken Sie dann auf „Hinzufügen“.

Sie werden nun zum Block-Editor für diese Seite weitergeleitet.

Klicken Sie einfach auf die Schaltfläche „+ Block hinzufügen“ an einer beliebigen Stelle auf der Seite und wählen Sie den Block „Facebook-Feed“ aus.

Wählen Sie von dort aus einfach die zuvor erstellte Facebook-Timeline im Dropdown-Menü aus.

Sobald Sie fertig sind, klicken Sie einfach auf die Schaltfläche 'Aktualisieren', um die Änderungen live zu schalten.

Wenn Sie die Facebook-Timeline in einem Widget-Bereich, wie einer Seitenleiste, anzeigen möchten, klicken Sie im Popup-Fenster „Feed einbetten“ auf die Option „Zu einem Widget hinzufügen“.

Sie werden dann zum WordPress-Widget-Editor weitergeleitet. Klicken Sie hier einfach auf die Schaltfläche „+ Widget hinzufügen“ in Ihrem ausgewählten Widget-Bereich und wählen Sie das Widget „Facebook-Feed“ aus.

Wenn Sie fertig sind, wählen Sie einfach die zuvor erstellte Facebook-Timeline im Dropdown-Menü aus.

Sie können das Widget jetzt live schalten, indem Sie auf die Schaltfläche „Aktualisieren“ klicken. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung unter „Widgets in WordPress hinzufügen und verwenden“.

Wenn diese beiden Methoden nicht funktionieren, können Sie die Facebook-Zeitleiste mit der Shortcode-Methode einbetten. Eine detaillierte Anleitung finden Sie in unserem Leitfaden zum Hinzufügen eines Shortcodes in WordPress.

Wenn Sie außerdem ein Block-Theme verwenden, können Sie den Full-Site-Editor verwenden, um den „Custom Facebook Feed“ überall in Ihrem Theme hinzuzufügen.

Sie können unseren vollständigen Leitfaden für Anfänger zur vollständigen Website-Bearbeitung in WordPress für weitere Informationen lesen.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihre Facebook-Timeline in WordPress anzeigen. Möglicherweise möchten Sie auch unseren Leitfaden zum Einbetten eines Facebook-Videos in WordPress und unsere Expertenauswahl der besten Online-Community-Plattformen lesen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.