Wie man einen horizontalen Twitter-Feed in WordPress erstellt (Schritt für Schritt)

Möchten Sie einen übersichtlichen horizontalen Twitter-Feed direkt auf Ihrer WordPress-Website hinzufügen?

Die neuesten Tweets, Erwähnungen oder sogar Hashtag-Streams in einem eleganten horizontalen Layout auf Ihrer Website zu platzieren, ist eine großartige Möglichkeit, aktuelle Updates zu präsentieren, ohne viel vertikalen Platz zu beanspruchen.

Als Social-Media-Vermarkter weiß ich, dass es schwierig sein kann, Ihren Twitter-Feed mit den normalen Twitter-Einbettungsoptionen so darzustellen, wie Sie es auf Ihrer Website wünschen, insbesondere wenn Sie ein bestimmtes Layout wie einen horizontalen Schieberegler oder ein Karussell wünschen.

Wir von Smash Balloon stellen die besten Social-Media-Feed-Plugins für WordPress her. Unsere Plugins machen es super einfach, Inhalte von Websites wie Twitter in verschiedenen Layouts anzuzeigen, auch horizontal.

In diesem Artikel zeige ich Ihnen genau, wie Sie mit unserer einfachen Methode einen horizontalen Twitter-Feed zu Ihrer WordPress-Website hinzufügen können.

Das Beste von allem? Diese Anleitung führt Sie Schritt für Schritt durch alles. Sie ist für jedermann geeignet, sodass Sie schnell einen schönen horizontalen Twitter-Feed auf Ihrer Website einrichten können - ganz ohne Programmierung.

In diesem Artikel

Der einfachste Weg, einen horizontalen Twitter-Feed hinzuzufügen

Es steht Ihnen frei, einen horizontalen Twitter-Feed manuell in Ihre Website einzubetten. Aber Sie sollten wissen, dass dies viele Einschränkungen mit sich bringt, z. B:

• Schwer einzurichten: Wenn Sie Ihre Tweets manuell in ein horizontales Layout-Template auf WordPress einbetten, müssen Sie sich mit viel Code wie HTML, PHP, Javascript oder benutzerdefiniertem CSS beschäftigen.
• Schwer anpassbar: Sie sind an das Standardlayout und -design von Twitter gebunden. Wenn Sie also das Layout Ihres Twitter-Feeds in einen horizontal scrollenden Feed ändern möchten, müssen Sie möglicherweise Geld ausgeben, um einen Entwickler zu beauftragen.

• Riskant: Haben Sie schon einmal versucht, den Einbettungscode Ihrer WordPress-Website zu ändern? Schon ein winziger Fehler kann dazu führen, dass Sie die gefürchtete "Fehlerseite" sehen, deren Behebung viel Zeit und Ressourcen in Anspruch nimmt.
• Begrenzte Kontrolle über Ihre Tweets: Möchten Sie Ihre Tweets so moderieren, dass nur die von Ihnen gewünschten Inhalte angezeigt werden? Auch das ist bei Twitter nicht möglich.
• Niemand, der Ihnen vorrangig hilft: Sie haben Ihre Website vermasselt? Oder wissen Sie nicht, was zu tun ist? Twitter hat kein spezielles Support-Team, das dir hilft. Sie sind also auf sich allein gestellt.

Wenn Twitter es schwierig macht, Ihren Twitter-Feed horizontal auf Ihrer Website einzubetten, was ist dann der beste Weg?

Sie können alles einfacher und schneller machen, indem Sie das beste Twitter-Feed-Plugin für WordPress verwenden: Twitter Feed Pro.

Mit diesem anfängerfreundlichen Plugin können Sie Ihren horizontalen Twitter-Feed ganz einfach zu Ihrer WordPress-Website hinzufügen.

Ja, Sie müssen nicht einmal Codezeilen ändern, um es einzurichten.

Und das Beste daran? Es hat ein eingebautes Karussell-Layout . So können Sie Ihren Twitter-Feed auch ganz einfach horizontal anzeigen.

Und da das Plugin mit Blick auf die Nutzer entwickelt wurde, können Sie sicher sein, dass es auf Ihrer Website superschnell lädt. Und eine schnellere Website bedeutet eine bessere Suchmaschinenoptimierung, sodass Ihre Website in den Suchmaschinenergebnissen höher rangiert.

Und mit einer soliden Bewertung von 4,9/5 Sternen wird dieses Plugin für benutzerdefinierte Twitter-Feeds von über 100.000 aktiven Benutzern empfohlen.

Twitter Feed Pro erweitert die Funktionalität Ihrer Website, um Twitter-Inhalte auf Ihrer Website anzuzeigen. Hier sind einige der besten Funktionen des Plugins:

• Sehr einfach einzurichten: Installieren Sie das Plugin, richten Sie es ein, und zeigen Sie Ihren horizontalen Twitter-Feed mit nur wenigen Klicks an - keine technischen Kenntnisse erforderlich!
• Sieht sofort nach dem Auspacken gut aus: Dieses WordPress-Twitter-Feed-Plugin übernimmt automatisch das Design Ihres Themes. So ist es konsistent mit der visuellen Identität Ihrer Marke und dem vorhandenen WordPress-Theme.
• Leicht anpassbar: Mit unserem Live-Feed-Anpassungsprogramm können Sie ganz einfach das horizontale Scroll-Layout aktivieren, die Farben ändern, das Layout der Schaltflächen festlegen und vieles mehr.

• Fügen Sie Ihre Twitter-Feeds hinzu, ohne mit Code zu hantieren: Mit dem vorgefertigten Widget des Plugins können Sie ganz einfach ein scrollendes Twitter-Feed-Widget in Ihre Seitenleiste oder Fußzeile einbetten.
• Optimiert für gute SEO: Da das Plugin mit Blick auf SEO entwickelt wurde, haben Sie es leichter, in den Suchmaschinenergebnissen weit oben zu ranken und mehr potenzielle Kunden zu erreichen.
• Sie haben die volle Kontrolle über Ihre Inhalte: Zeigen Sie mit Hilfe der Moderationsfunktion des Plugins nur Tweets an, die Sie in Ihrem benutzerdefinierten Twitter-Feed anzeigen möchten.

Und wissen Sie, was sonst noch mit dem Plugin geliefert wird? Sie können das freundliche und hilfsbereite Support-Team kontaktieren. Sie sind stets bemüht, Ihnen zu helfen, wann immer Sie jemanden brauchen, der Ihnen zur Hand geht.

Ein weiterer cooler Aspekt der Verwendung dieses Plugins zur Integration von Twitter in Ihre Website?

Smash Balloon's Twitter Feed Pro wird auch gerne von den größten Marken auf der ganzen Welt verwendet, um Social Proof zu zeigen. Sie wissen also, dass Sie sich in bester Gesellschaft befinden!

Wie Sie sehen, können Sie mit Hilfe dieses Twitter-Feed-Plugins problemlos Inhalte von Social-Media-Plattformen einbetten.

Möchten Sie mehr Nutzerinteresse für das Twitter-Konto Ihrer Marke wecken?

Betten Sie einen horizontalen Twitter-Widget-Feed in Ihr WordPress ein, indem Sie diese Schritte befolgen.

Wie man einen horizontalen Twitter-Feed in WordPress einbettet

Mit dieser Methode können Sie Ihre rotierenden Tweets auf WordPress in wenigen Minuten einrichten.

Dann fangen wir mal an.

Schritt 1: Installieren Sie das Twitter Feed Pro Plugin

Holen Sie sich zunächst Ihr eigenes Exemplar des Twitter Feed Pro Plugins hier. Laden Sie das Plugin auf Ihren Computer herunter und installieren Sie es dann auf Ihrer WordPress-Website.

Brauchen Sie eine Auffrischung zur Installation von WordPress-Plugins?

Sie können dieser hilfreichen Anleitung folgen, wie Sie ein WordPress-Plugin auf Ihrer Website installieren können. Es enthält Schritt-für-Schritt-Anweisungen, so dass Sie dies leicht tun können.

Schritt 2: Erstellen Sie einen neuen Twitter-Feed

Mithilfe des geführten Ablaufs können Sie ganz einfach einen neuen Twitter-Feed auf Ihrer Website erstellen.

Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Twitter-Feed " Alle Feeds.

Klicken Sie auf dieser Seite auf die Schaltfläche Neu hinzufügen .

Um mit der Erstellung Ihres horizontalen Twitter-Feeds fortzufahren, müssen Sie Ihren Feed-Typ auswählen.

Mit Twitter Feed Pro gibt es verschiedene Feed-Typen, aus denen Sie auswählen können:

• Benutzer-Zeitleiste: Zeigen Sie aktuelle Tweets und sogar Retweets aus Ihrer eigenen Twitter-Timeline an.
• Hashtag: Zeigt Tweets an, die auf bestimmten Hashtags basieren.

Als Beispiel haben wir einen Hashtag-Twitter-Feed gewählt.

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

Schritt 3: Verbinden Sie Ihr Twitter-Konto

Wenn Sie Ihr Twitter-Konto verbinden, können Sie Inhalte von Twitter auf Ihrer Website anzeigen.

Klicken Sie auf die Schaltfläche Verbinden im Popup-Fenster, um zu beginnen.

Sobald Sie darauf klicken, leitet das Plugin Sie zu Twitter weiter. Dort können Sie dem Plugin schreibgeschützten Zugriff auf Ihr Twitter-Konto gewähren.

Da es sich um einen reinen Lesezugriff handelt, kann Twitter Feed Pro keine Änderungen an Ihrem Konto vornehmen.

Klicken Sie auf die Schaltfläche App autorisieren, um Ihr Twitter-Konto zu verbinden.

Und schon haben Sie Ihren Feed mit Twitter verbunden - Sie müssen sich nicht mehr mit Zugangstoken oder API befassen!

Danach öffnet das Plugin Ihre Website erneut, damit Sie Ihren Twitter-Feed fertig einrichten können.

Jetzt können Sie auswählen, was auf Ihrer Website angezeigt werden soll, indem Sie bestimmte Benutzerkonten, Hashtags, Suchbegriffe und mehr eingeben.

Für unser Tutorial werden wir den Twitter-Hashtag "#KEEB_PD" in das Popup einfügen.

Sobald Sie eine Quelle hinzugefügt haben, klicken Sie auf die Schaltfläche Weiter .

Schritt 4: Aktivieren Sie das horizontale Layout

Nachdem Sie Ihre Quelle angeschlossen haben, werden Sie vom Plugin aufgefordert, eine Vorlage auszuwählen, die Sie bevorzugen.

Mit diesen Vorlagen können Sie schnell ein einzigartiges Design für Ihren Twitter-Feed erstellen. Das bedeutet, dass Sie mit einer Vorlage ganz einfach ein Twitter-Karussell zu WordPress hinzufügen können.

Um Ihren Twitter-Feed horizontal anzuzeigen, wählen Sie die Vorlage Einfaches Karussell und klicken Sie auf Weiter.

Dies ermöglicht ein horizontales Layout für Ihren Twitter-Feed, das in etwa wie folgt aussieht:

Schritt 5: Gestalten Sie Ihren horizontalen Twitter-Feed

Sind Sie mit der Auswahl des Karussell-Layouts für Ihren WordPress-Twitter-Feed fertig? Prima!

Das Plugin öffnet nun Ihren horizontalen Twitter-Feed im Live-Feed-Editor, so dass Sie dessen Design anpassen können.

Auf der linken Seite finden Sie alle Anpassungsoptionen. Mit diesen können Sie Ihr Farbschema, das Feed-Layout, die Größe des Feeds, die Anzahl der Beiträge und vieles mehr einstellen.

Auf der rechten Seite befindet sich auch eine Live-Vorschau Ihres Feeds. Auf diese Weise erhalten Sie eine Echtzeit-Vorschau Ihres Twitter-Feeds.

Klicken Sie auf die Option Feed-Layout auf der linken Seite, um zu beginnen.

Wenn Sie auf der linken Seite nach unten scrollen, finden Sie die Optionen zum Einrichten Ihres horizontalen Twitter-Feeds.

Unter der Option Karussell-Einstellungen können Sie die Navigationspfeile, die Paginierungspunkte und die automatische Wiedergabe aktivieren oder deaktivieren.

Darunter können Sie die Anzahl der Tweets, die Zeilen, die Größe des Karussells, die Intervallzeit, die Art der Schleife und vieles mehr auswählen.

Wählen Sie die gewünschten Optionen aus und klicken Sie dann auf Speichern.

Um wieder zu den Hauptoptionen zurückzukehren, klicken Sie auf die Schaltfläche Anpassen in der oberen linken Ecke.

Lassen Sie uns nun die Farben Ihres neuen Twitter-Feeds ändern.

Sie können dies tun, indem Sie die Option Farbschema auf der linken Seite aufrufen.

Von hier aus können Sie aus 4 verschiedenen Farbschemata für Ihren horizontalen Twitter-Feed wählen.

• Vererben von Theme: Kopieren Sie die Farben Ihrer Website
• Hell: Heller Hintergrund mit dunkler Schrift
• Dunkel: Dunkler Hintergrund mit einer helleren Schrift
• Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus

Wählen Sie einfach ein Farbschema aus den Optionen aus und klicken Sie dann auf Speichern, um fortzufahren.

Anschließend können Sie wieder zu den Hauptoptionen zurückkehren, indem Sie oben auf die Schaltfläche Anpassen klicken.

Wie Sie sehen, können Sie den Live-Feed-Editor verwenden, um den Rest Ihres Twitter-Feeds ganz einfach anzupassen.

Sie brauchen nur auf ein paar Schaltflächen zu klicken, um die Kopfzeile Ihres Feeds zu ändern, weitere Schaltflächen zu laden, das Design der Twitter-Karte zu ändern und vieles mehr. Sie müssen sich nicht mit verwirrenden Codeschnipseln herumschlagen oder einen Entwickler einstellen, der Ihnen hilft.

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

Schritt 6: Horizontaler Twitter-Feed in WordPress einbetten

Schließlich können Sie diesen horizontalen Twitter-Feed in Ihre Website einbetten.

Mit Twitter Feed Pro können Sie Ihren Feed auf der Seite Ihrer Website, in der Seitenleiste oder in der Fußzeile anzeigen.

Horizontaler Twitter-Feed in eine WordPress-Seite einbetten

Um einen benutzerdefinierten Twitter-Feed einzubetten, können Sie ganz einfach den visuellen Feed-Anpasser des Plugins verwenden.

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

Sie können nun wählen, ob Sie Ihren Twitter-Feed auf einer Seite oder in einem Widget-Bereich einbetten möchten. Außerdem können Sie auch den Shortcode aus diesem Popup kopieren.

Klicken Sie zunächst auf die Schaltfläche Zu einer Seite hinzufügen , um fortzufahren.

Wählen Sie dann die Seite aus, auf der Sie den horizontalen Twitter-Feed einbetten möchten, und klicken Sie auf die Schaltfläche Hinzufügen.

Sie sehen nun die Seite im WordPress-Editor geöffnet. Klicken Sie hier auf das Plus-Symbol (+), um einen neuen Inhaltsblock hinzuzufügen.

Geben Sie anschließend "Twitter-Feed" in das Suchfeld ein und klicken Sie auf das Twitter-Feed-Widget, um Ihren Feed einzubetten.

Sie können den Inhalt der Seite bearbeiten und sicherstellen, dass alles gut aussieht, bevor Sie auf die Schaltfläche Veröffentlichen oder Aktualisieren klicken.

Sobald Sie dies getan haben, können Ihre Website-Besucher Ihren horizontalen Twitter-Feed sehen, wenn sie Ihre Website besuchen.

Horizontaler Twitter-Feed in die Seitenleiste oder Fußzeile einbetten

Wenn Sie den Feed als Twitter-Feed-Widget in die Seitenleiste oder Fußzeile Ihrer Website einfügen möchten, können Sie auch den Live-Feed-Editor verwenden.

Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Twitter-Feed " Alle Feeds.

Klicken Sie dann auf den horizontalen Twitter-Feed, den Sie einbetten möchten.

Jetzt wird dieses Twitter-Feed-WordPress-Plugin Ihren Feed wieder im Live-Editor öffnen.

Klicken Sie wie zuvor auf die Schaltfläche Einbetten am oberen Rand, um fortzufahren.

In dem Popup können Sie Ihren Twitter-Feed als Widget einbetten. Klicken Sie anschließend auf die Schaltfläche Zu einem Widget hinzufügen .

Sobald Sie das getan haben, öffnet das Plugin Ihre Widgets-Seite, auf der Sie alle Widgets auf Ihrer WordPress-Website verwalten können.

Um mit der Einbindung Ihres Twitter-Feeds zu beginnen, klicken Sie hier auf das Sidebar-Panel

Sie können auch auf ein Footer-Panel klicken, wenn Sie Ihren Feed dort einbetten möchten.

Für unser Beispiel nehmen wir die Fußzeile.

Klicken Sie nun auf das Plus-Symbol (+), um ein neues Widget zu Ihrer Seitenleiste oder Fußzeile hinzuzufügen.

Suchen Sie schließlich das Twitter-Feed-Widget und klicken Sie es an.

Um Ihre Änderungen zu bestätigen, können Sie auf die Schaltfläche Aktualisieren klicken.

Wenn Ihre Website-Besucher nun Ihre Website besuchen, sehen sie Ihre eingebettete Twitter-Timeline wie diese:

Und das war's!

Jetzt wissen Sie, wie Sie ganz einfach einen horizontal scrollenden Twitter-Feed in Ihre Website einfügen können. Mit Hilfe von Twitter Feed Pro können Sie soziale Feeds mit Twitter-Inhalten in wenigen Minuten einbetten.

Sie können jetzt Ihren Twitter-Feed anzeigen, um mit Ihren Twitter-Followern in Kontakt zu treten und Ihren Bekanntheitsgrad zu erhöhen - so können Sie Ihr Unternehmen langfristig ausbauen.

Sind Sie bereit, Twitter Feeds einzubetten? Starten Sie noch heute mit Twitter Feed Pro.

Möchten Sie weitere Möglichkeiten zur Anzeige von Social Media Feeds? Folgen Sie dieser Anleitung, wie Sie Instagram-Feeds in WordPress einbetten.

Beliebte Tutorials & Anleitungen zu Twitter Marketing

• Wie Sie Smash Balloon Custom Twitter Feeds kostenlos erhalten
• Die besten Methoden, um Ihr Twitter-Engagement jetzt zu steigern
• Einbetten von Responsive Twitter Widgets auf Ihrer Website
• Bewährte Wege, um auf Twitter mit Leichtigkeit Geld zu verdienen (Auswahl eines Experten)
• Wie man Twitter/X-Posts von Ihrer Website aus plant (Schritt für Schritt)