Suchen Sie nach einer einfachen Möglichkeit, X (Twitter)-Inhalte auf Ihrer Website anzuzeigen?
Das Hinzufügen eines Twitter-Widgets ist eine der effektivsten Möglichkeiten, Ihren Besuchern frische, ansprechende Twitter-Inhalte zu bieten. Bei so vielen Methoden zum Hinzufügen von Widgets zu WordPress ist es schwer zu wissen, wo man anfangen soll.
In diesem Artikel zeigen wir Ihnen, wie Sie ein Twitter-Widget in WordPress mit 2 verschiedenen Methoden hinzufügen können:
- Hinzufügen von Twitter-Widgets zu WordPress mit einem Plugin
- Einbetten von Twitter-Widgets in WordPress mit Twitter Publish
Bevor wir einsteigen, sollten wir klären, was wir mit dem Begriff "Twitter-Widget" meinen.
Was ist ein WordPress X (Twitter) Widget?
Ein "Widget" ist einfach ein Inhaltsblock, den Sie der Seitenleiste, den Fußzeilen und anderen Bereichen Ihrer Website hinzufügen können.
Haben Sie schon einmal einen Blog besucht und ein Anmeldeformular oder soziale Schaltflächen in der Seitenleiste gesehen? Bei beiden handelt es sich um Widgets. Jedes Widget fügt Ihrer Website ein Merkmal oder eine Funktion hinzu, ohne dass Sie Code schreiben müssen.
Ein Twitter-Widget ist also ein Block mit Twitter-Inhalten, den Sie in Ihre Seitenleistenbereiche einfügen können.
Mit einem Twitter-Widget können Sie Twitter-Inhalte auf Ihrer Website anzeigen und Ihre Besucher ansprechen. Um ein Twitter-Widget manuell hinzuzufügen, müssen Sie sich mit Einbettungscodes beschäftigen, was verwirrend sein kann.
Um die Arbeit zu erleichtern, können Sie WordPress-Plugins verwenden, mit denen Sie sich nicht mehr mit Code herumschlagen müssen.
Sollten Sie ein X (Twitter) Plugin für WordPress verwenden?
Wenn Sie nicht gerne mit Einbettungscodes arbeiten und eine einfache Möglichkeit zur Anpassung Ihres Widgets wünschen, ist die Verwendung eines Twitter-Plugins eine gute Entscheidung.
Auf diese Weise können Sie mühelos eine Vielzahl von Twitter-Inhalten auf Ihrer Website anzeigen, ohne eine einzige Zeile Code anzufassen oder einen Designer einzustellen.
Mit einem Plugin können Sie sogar das Design Ihres Twitter-Widgets anpassen. Sie können zum Beispiel einige Einstellungen vornehmen, um das Widget an das Thema und das Branding Ihrer Website anzupassen.
Sie helfen Ihnen auch bei der Anzeige spezifischer Twitter-Widgets wie Hashtag-Feeds, benutzerdefinierte Suchen und Benutzer-Timelines.
Wie Sie sehen, macht es ein Twitter-Plugin für WordPress viel einfacher, Twitter-Widgets zu erstellen, die so aussehen, wie Sie es wünschen.
Methoden zum Hinzufügen eines X (Twitter)-Widgets in WordPress
Nun ist es an der Zeit, sich die verschiedenen Methoden zum Hinzufügen eines Twitter-Widgets in WordPress anzusehen.
Es gibt 2 Möglichkeiten, ein Twitter-Widget zu Ihrer WordPress-Website hinzuzufügen:
- Fügen Sie Ihr Twitter-Widget mit einem WordPress-Plugin hinzu
- Fügen Sie Ihr Twitter-Widget manuell hinzu
Im Folgenden werden wir uns beide Methoden ansehen:
Wie man mit einem Plugin Twitter-Widgets zu WordPress hinzufügt
Um ein Twitter-Widget zu WordPress-Beiträgen und -Seiten hinzuzufügen, müssen Sie das Twitter Feed Pro Plugin von Smash Balloon herunterladen.
Als das am besten bewertete Twitter-Feed-Plugin für WordPress ermöglicht es Ihnen, Ihre Twitter-Inhalte nahtlos in Ihre Website zu integrieren.
Um Ihnen bei der Erstellung schöner Twitter-Feeds zu helfen, verfügt es sogar über einen Live-Feed-Editor, mit dem Sie alles ganz einfach anpassen können. Sie können Ihre Kopfzeile, das Feed-Layout, das Farbschema und vieles mehr einstellen.
Außerdem ist das Plugin leichtgewichtig, sodass Sie so viele Tweets einbetten können, wie Sie wollen, und Ihre Website wird trotzdem so schnell wie immer geladen. Mit einer schnelleren Website können Sie auch eine bessere Suchmaschinenoptimierung erzielen und in den Suchmaschinenergebnissen weit oben ranken.
Sie erhalten wunderschöne, saubere, anpassbare und reaktionsfähige Feeds, die das Engagement auf Ihrer Website erhöhen und wertvolle soziale Beweise liefern.
Als Ergebnis hat Twitter Feed Pro eine Bewertung von 4,9/5 Sternen und über 150.000 aktive Nutzer aus der ganzen Welt.
Klicken Sie hier, um mit Twitter Feed Pro zu beginnen.
Sehen wir uns nun an, wie Sie mit diesem Plugin Twitter-Widgets zu Ihrer Website hinzufügen können.
Schritt 1: Installieren Sie das Twitter Feed Pro Plugin
Holen Sie sich zunächst Ihr Exemplar von Twitter Feed Pro hier und installieren Sie es auf Ihrer Website.
Nicht sicher wie? Dann folgen Sie einfach diesen Anweisungen, um ein WordPress-Plugin auf Ihrer Website zu installieren.
Schritt 2: Erstellen Sie ein neues Twitter-Widget
Es ist an der Zeit, Ihr Twitter-Widget mit dem Plugin zu erstellen.
Navigieren Sie in Ihrem WordPress-Dashboard-Bereich zum Menü Twitter-Feed " Alle Feeds und klicken Sie dann auf die Schaltfläche Neu hinzufügen.
Jetzt werden Sie von Twitter Feed Pro aufgefordert, die Art des Twitter-Widgets auszuwählen, das Sie auf Ihrer Website verwenden möchten.
Sie können zwischen diesen Optionen wählen:
- Benutzer-Zeitleiste: Wählen Sie ein bestimmtes Twitter-Profil und zeigen Sie dessen Tweets an
- Hashtag: Feeds von Inhalten, die nach bestimmten öffentlichen Hashtags gefiltert sind
- Suche: Die Ergebnisse einer erweiterten Twitter-Suche werden in einem Twitter-Widget angezeigt
- Listen: Wählen Sie eine Twitter-Liste und betten Sie die verfügbaren Tweets ein
Sie können hier auch mehrere Optionen auswählen, um verschiedene Twitter-Feed-Typen in einem einzigen Widget zu kombinieren.
Um fortzufahren, wählen Sie Ihren Twitter-Feed-Typ aus und klicken Sie auf Weiter.
In diesem Tutorial zeigen wir ein Hashtag-Twitter-Widget.
Schritt 3: Verbinden Sie Ihr Twitter-Konto
Mit Twitter Feed Pro ist es ganz einfach, Ihr Twitter-Konto mit WordPress zu verbinden, damit Ihr Widget automatisch aktualisiert wird.
Klicken Sie auf die Schaltfläche Verbinden im Popup-Fenster, um zu beginnen.
Sobald Sie dies getan haben, öffnet das Plugin Twitter und bittet um einen Lesezugriff auf Ihr Konto.
Mit diesem Zugang kann Twitter Feed Pro Ihre Informationen nur anzeigen und keine Änderungen vornehmen.
Das bedeutet, dass es völlig sicher ist, dieses Plugin zu verwenden.
Klicken Sie hier einfach auf die Schaltfläche " App autorisieren" und Sie können den schreibgeschützten Zugriff bestätigen.
Sobald Sie das getan haben, wird Twitter Feed Pro Sie wieder auf Ihre Website zurückschicken.
Sie können nun auswählen, was in Ihrem Twitter-Widget angezeigt werden soll, indem Sie den Hashtag, die Benutzer-Timeline, die Twitter-Liste und den Suchbegriff hinzufügen.
Für diese Anleitung fügen wir dem Widget unseren Hashtag hinzu.
Sobald Sie Ihre Quelle hinzugefügt haben, klicken Sie einfach auf Weiter.
Schritt 4: Passen Sie Ihr neues Twitter-Widget an
Um die Anpassung zu vereinfachen, können Sie einfach eine Vorlage für Ihr neues Twitter-Widget auswählen.
Es gibt 7 Feed-Vorlagen, aus denen Sie wählen können, und jede hat ein einzigartiges Design:
- Standard
- Gemäuer
- Einfaches Karussell
- Einfache Karten
- Schaukasten-Karussell
- Neueste Tweets
- Widget
Sobald Sie eine Option ausgewählt haben, die zu Ihrem Twitter-Widget passt, klicken Sie auf Weiter, um fortzufahren.
Jetzt können Sie den Live-Feed-Editor verwenden, um das Design Ihres neuen Twitter-Feed-Widgets anzupassen.
Auf der linken Seite finden Sie die Anpassungsoptionen, mit denen Sie das Layout Ihres Feeds, die Farben, das Design der Kopfzeile, den Stil der Tweetbox, die Lightbox-Optionen und vieles mehr festlegen können.
Damit Sie Ihre Änderungen verfolgen können, finden Sie rechts eine Live-Vorschau Ihres Twitter-Feeds.
Beginnen wir mit der Anpassung und legen wir das Layout Ihres Twitter-Widgets fest.
Wählen Sie dazu einfach die Option Feed-Layout auf der linken Seite.
Mit Twitter Feed Pro können Sie aus 3 Feed-Layout-Optionen wählen:
- Liste
- Gemäuer
- und Karussell
Zunächst gibt es die Option "Liste" , die Ihre Tweets in einer einzigen Spalte anzeigt. Auf diese Weise erhalten Ihre Tweets viel mehr Platz.
Möchten Sie viele Tweets auf einmal in Ihrem Twitter-Widget anzeigen?
Sie können sich für das Masonry-Layout entscheiden, bei dem die Tweets in mehreren Spalten angezeigt werden.
Sie können auch das Carousel-Layout wählen und Ihre Tweets in einem schönen Diashow-Karussell zeigen.
Auf diese Weise können Ihre Besucher mit Ihrem Twitter-Widget interagieren, um sich weitere Inhalte anzusehen.
Sobald Sie das für Ihr Twitter-Widget passende Feed-Layout ausgewählt haben, klicken Sie einfach auf die Schaltfläche Speichern .
Von hier aus können Sie zu den Hauptoptionen zurückkehren, indem Sie auf die kleine Schaltfläche Anpassen am oberen Rand klicken.
Möchten Sie die Farben für Ihr neues Twitter-Widget auswählen?
Klicken Sie dann auf die Option Farbschema auf der linken Seite.
Um die Farben für Ihr Widget auszuwählen, können Sie einfach ein Farbschema auswählen.
Bei Twitter Feed Pro gibt es 4 Optionen für Ihr Farbschema:
- Vererben von Theme: Kopiert automatisch die Farben Ihres Themas
- Hell: Wählen Sie ein helles Aussehen für Ihr Twitter-Widget
- Dunkel: Verwenden Sie stattdessen dunkle Farben und helle Schrift
- Benutzerdefiniert: Alle Farben manuell auswählen
Wählen Sie das von Ihnen bevorzugte Farbschema aus und klicken Sie dann erneut auf die Schaltfläche Speichern, um Ihre Änderungen zu bestätigen.
Mit dem Live-Feed-Editor können Sie jetzt den Stil der Tweet-Box, die Twitter-Überschrift, die Schaltfläche "Mehr laden", die Größe des Feeds und vieles mehr anpassen.
Wenn Sie mit dem Aussehen Ihres Twitter-Widgets zufrieden sind, denken Sie daran, erneut auf Speichern zu klicken.
Schritt 5: Twitter-Widget zu WordPress hinzufügen
Das Twitter-Widget lässt sich ganz einfach mit dem Live-Feed-Editor einbetten. Außerdem gibt es zwei Möglichkeiten, wie Sie Ihr Widget einbetten können:
- Hinzufügen des Twitter-Widgets zu einer WordPress-Seite
- Hinzufügen des Twitter-Widgets zur Seitenleiste oder Fußzeile
Im Folgenden werden wir uns beide Methoden ansehen.
Klicken Sie im Live-Feed-Editor oben auf die Schaltfläche Einbetten , um zu beginnen.
Daraufhin öffnet sich ein Popup, in dem Sie gefragt werden, wo Sie Ihr Twitter-Widget einbetten möchten.
Klicken Sie einfach auf die Option Zu einer Seite hinzufügen , um sie in eine WordPress-Seite einzubetten.
Wählen Sie im Popup einfach die Seite aus, auf der Sie das Widget anzeigen möchten.
Klicken Sie dann auf die Schaltfläche Hinzufügen unten.
Die Seite ist nun im WordPress-Block-Editor geöffnet, in den Sie das Twitter-Widget einbetten können.
Dazu klicken Sie zunächst auf das Pluszeichen (+) im Editor, um einen Inhaltsblock hinzuzufügen.
Suchen Sie in der Suchleiste nach "Twitter-Feed" und klicken Sie dann auf das Twitter-Feed-Widget unten.
Damit haben Sie das Twitter-Widget zu Ihrer Seite hinzugefügt.
Klicken Sie abschließend auf die Schaltfläche Veröffentlichen oder Aktualisieren , und Ihr Twitter-Widget ist nun für alle sichtbar.
Sie können Ihre Website sogar öffnen, um zu sehen, wie sie aussieht.
Möchten Sie Ihr Widget in die Seitenleiste oder Fußzeile einfügen?
Das können Sie ganz einfach über den Live-Feed-Editor erledigen.
Navigieren Sie in Ihrem Admin-Dashboard-Bereich zum Menü Twitter-Feed " Alle Feeds und klicken Sie dann auf Ihr Twitter-Feed-Widget.
Dadurch wird das Twitter-Widget im Live-Feed-Editor angezeigt.
Um mit dem Einbetten Ihres Widgets zu beginnen, klicken Sie auf die Schaltfläche Einbetten in der oberen rechten Ecke.
In diesem Popup können Sie diesmal auf die Schaltfläche Zu einem Widget hinzufügen klicken.
Auf diese Weise gelangen Sie zur Widgets-Seite Ihrer WordPress-Website.
Auf dieser Seite können Sie auswählen, wo Sie das Twitter-Feed-Widget einbetten möchten.
Um sie in Ihre Seitenleiste einzubinden, klicken Sie einfach auf das Feld Seitenleiste .
Möchten Sie stattdessen die Fußzeile verwenden? Dann klicken Sie hier auf ein Footer-Panel .
Um ein neues WordPress-Widget hinzuzufügen, klicken Sie auf das Plus-Symbol (+) am unteren Rand des Panels.
Wählen Sie dann aus allen Optionen das Twitter-Feed-Widget aus.
Zum Schluss können Sie auf die Schaltfläche Aktualisieren klicken, und Ihr Twitter-Widget wird in der Seitenleiste Ihrer Website angezeigt.
Und wenn Sie stattdessen die Fußzeile wählen, finden Sie das Twitter-Widget am unteren Rand Ihrer Website.
Werfen wir also einen Blick auf die alte Methode, Twitter-Widgets in Ihre Website einzubinden.
So fügen Sie Ihre Twitter Widgets manuell hinzu
Unsere letzte Methode verwendet das Tool X Publish, um Ihr Widget in WordPress hinzuzufügen. Der Nachteil dieser Methode ist, dass Sie weniger Kontrolle darüber haben, wie das Widget auf Ihrer Website aussieht.
Um einen Twitter-Feed mit dieser Methode hinzuzufügen, gehen Sie auf die X Publish-Website und wählen Sie die Art des Inhalts, den Sie einbetten möchten.
Wir werden die Option Profil verwenden.
Fügen Sie dann die URL des Profils ein, das Sie anzeigen möchten, und klicken Sie auf das Symbol Weiter .
Wenn Sie jetzt nach unten scrollen, können Sie auswählen, wie dieses Twitter-Widget angezeigt werden soll.
Sie können das Design der Schaltfläche frei wählen. Für den Moment entscheiden wir uns für die Option "Eingebettete Zeitleiste ".
Der nächste Schritt ist das Kopieren des Codes, den Sie in Ihre WordPress-Website einfügen können.
Klicken Sie einfach auf die Schaltfläche Code kopieren auf der rechten Seite, um fortzufahren.
Dann können Sie einen neuen Beitrag oder eine neue Seite in WordPress erstellen.
Um den Code einzubinden, fügen Sie einen neuen Inhaltsblock hinzu, indem Sie auf das Pluszeichen (+) im Editor klicken.
Suchen Sie nun in der Suchleiste oben nach "custom html" und klicken Sie dann auf den Block Custom HTML, um fortzufahren.
Fügen Sie dann Ihren Einbettungscode direkt in den Block ein .
Wenn Sie nun eine Vorschau Ihrer neuen Seite anzeigen, sieht Ihr Twitter-Widget ähnlich aus wie im folgenden Beispiel:
Mit dieser Methode können Sie Ihren Feed in ein Widget in Ihrer Seitenleiste einbetten.
Navigieren Sie zunächst zu Erscheinungsbild " Widgets, um die Widgets Ihrer Website zu verwalten.
Klicken Sie anschließend auf das Feld Sidebar , um Ihr Widget dort einzubetten.
Möchten Sie Ihr Twitter-Widget in Ihre Fußzeile einfügen? Dann klicken Sie stattdessen auf Fußzeile .
Klicken Sie schließlich auf das Plus-Symbol (+), um ein Widget hinzuzufügen, und klicken Sie dann auf das Custom HTML Widget.
Fügen Sie dann Ihren Einbettungscode wie zuvor in das Widget ein.
Klicken Sie schließlich oben auf die Schaltfläche Aktualisieren .
Wenn Sie zum Anfang Ihrer Website navigieren, sieht Ihr Feed ähnlich aus wie im folgenden Beispiel:
Und da haben Sie es.
Sie wissen nun, wie Sie ein Twitter-Widget in WordPress hinzufügen können. Das Wichtigste ist, dass Sie bei der dritten Methode weniger Kontrolle über das Design, das Layout und den Inhalt Ihres Twitter-Feeds haben.
Mit dem Twitter Feed Pro Plugin können Sie all das mit nur wenigen Klicks erledigen - ohne HTML, Javascript, CSS oder andere Programmierkenntnisse.
Sind Sie bereit, Twitter Widgets einzubinden? Holen Sie sich noch heute Ihr Exemplar von Twitter Feed Pro.
Weitere Möglichkeiten zur Förderung Ihrer Marke auf Social-Media-Plattformen finden Sie in diesem Leitfaden zur Verbesserung Ihres Social-Media-Marketings.
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns gerne auf Twitter und Facebook folgen, um weitere Tutorials zum Thema Social Media Marketing zu erhalten.
