Wie man Tweets ohne Code in WordPress einbettet (Leitfaden für Anfänger)

Um zu lernen, wie man Tweets in WordPress einbettet, sind nur ein paar einfache Schritte und vielleicht ein Plugin erforderlich, wenn Sie erweiterte Funktionen wünschen.

Das Ziel dieses Tutorials ist es, Ihnen dabei zu helfen, einen Tweet für Ihr Blog einzubetten, sodass Sie interaktive Live-Twitter-Gespräche von Ihrem eigenen Konto oder von anderen aus dem Internet hinzufügen können.

Sie können wählen, ob Sie einen Tweet in einem Beitrag als Ressource platzieren oder sogar einen ständig aktualisierten Feed von Ihrem Konto haben möchten. Lesen Sie weiter, um zu erfahren, wie!

Wie man Tweets in WordPress mit dem Standard-Editor einbettet

Der standardmäßige WordPress-Editor bietet eine große Sammlung von Drag-and-Drop-Blöcken, um Elemente in Ihre WordPress-Seiten und -Beiträge einzufügen.

Dazu gehört ein dedizierter Block zum Einbetten von Tweets!

Dies ist die einfachste Möglichkeit, einen Tweet oder einen kurzen Twitter-Feed in einen Beitrag oder eine Seite zu platzieren. Es gibt keine ausgefallenen Anpassungs- oder Design-Tools, aber es reicht aus, um sofort einen Tweet auf Ihrer Website anzuzeigen und sich nicht um Einbettungscode oder Plugins kümmern zu müssen.

So verwenden Sie es…

1. Fügen Sie einen Twitter-Block hinzu

Gehen Sie zunächst zu Ihrem WordPress-Dashboard und erstellen Sie entweder einen neuen Beitrag oder eine neue Seite oder bearbeiten Sie einen vorhandenen Inhalt, zu dem Sie einen Tweet hinzufügen möchten.

Gehen Sie zu dem Bereich, in dem Sie Ihren Tweet hinzufügen möchten, und klicken Sie auf das + -Symbol, um einen neuen Block hinzuzufügen:

Suchen/wählen Sie den Twitter -Block aus, um ihn Ihrem Beitrag hinzuzufügen:

2. Fügen Sie die URL zu Ihrem Tweet ein

Jetzt ist es Zeit, zu Twitter zu gehen. Es ist möglich, öffentliche Tweets von jedermann auf Ihrer Website zu veröffentlichen, solange es sich nicht um einen Twitter-Feed mit einer Sammlung von Tweets handelt.

Suchen Sie daher den Tweet, den Sie einbetten möchten, und gehen Sie zu der spezifischen Seite nur für diesen Tweet.

Die Suchleiste des Browsers zeigt eine eindeutige URL für den Tweet. Kopieren Sie die Website-URL in die Zwischenablage Ihres Computers.

Gehen Sie zurück zum WordPress-Dashboard.

Sie sollten jetzt einen Twitter-URL-Block sehen, der nach einem Link vom gewünschten Tweet fragt.

Fügen Sie in das leere Feld den zuvor kopierten Tweet ein.

Klicken Sie auf die Schaltfläche Einbetten , um den Vorgang abzuschließen.

Sie sollten dann eine Live-Vorschau des eingebetteten Tweets im Editor sehen. Es gibt einige Einstellungen für die Mobilfreundlichkeit und CSS, aber das war es auch schon.

Um sicherzustellen, dass alles gut aussieht, gehen Sie zum Frontend dieses WordPress-Beitrags oder dieser Seite, um den Tweet vor der Veröffentlichung anzuzeigen. Sie werden feststellen, dass Sie beim Einbetten von Tweets interaktive Elemente wie Links, Hashtags und Schaltflächen anbieten, um den vollständigen Tweet auf Twitter anzuzeigen oder das Konto zu besuchen.

Bonus: „Tweetstorms“ vollständig einbetten

Ein zusätzliches Element, das mit dem Twitter-Block geliefert wird, ist das Einbetten von sogenannten „Tweetstorms“. Ein Tweetstorm ist eine Reihe verwandter Posts, die normalerweise nacheinander veröffentlicht werden.

Sie können Tweetstorms veröffentlichen, aber Sie müssen der Besitzer des Twitter-Kontos sein.

Klicken Sie dazu auf den zuvor eingebetteten Tweet und drücken Sie die Option Unroll.

Dadurch werden mehrere Posts hintereinander angezeigt, aber nur, wenn der Tweetstorm von Ihrem Konto stammt, neu ist und die Posts miteinander in Beziehung stehen. Andernfalls erhalten Sie einen Fehler.

So binden Sie Twitter-Benutzer- oder Hashtag-Feeds in WordPress mit einem Plugin ein

Eine ganze Reihe von Plugins sind online verfügbar, mit denen Sie Tweets mit erweiterten Funktionen einbetten können.

Beispielsweise möchten Sie möglicherweise einen laufenden Feed von Ihrem Twitter-Konto auf Ihrer Website oder einige Tools, mit denen Sie anpassen können, wie diese Tweets beim Einbetten aussehen.

Wir empfehlen, die unzähligen Plugins mit diesen Funktionen auszuprobieren, aber wir empfehlen hauptsächlich das Smash Balloon Custom Twitter Feeds-Plugin, das wir im folgenden Tutorial verwenden werden.

1. Installieren Sie das Plugin

Installieren und aktivieren Sie zunächst das Smash Balloon Twitter Feeds-Plugin. Wenn Sie Fragen dazu haben, erfahren Sie hier, wie Sie ein Plugin installieren.

2. Verbinden Sie das Plugin mit Ihrem Twitter-Account

Wählen Sie die neue Registerkarte „Twitter-Feeds “ in Ihrem WordPress-Dashboard.

Der Einrichtungsbereich des Plugins besteht aus vier Schritten.

Die erste ist die Registerkarte Konfigurieren .

Klicken Sie auf die Schaltfläche, um sich bei Twitter anzumelden , was dem Plug-in die Berechtigung erteilt, Feeds über Ihr Twitter-Konto zu importieren.

Klicken Sie auf die Schaltfläche App autorisieren , um dem Smash Balloon Twitter Feed-Plugin Zugriff auf Ihr Twitter-Konto zu gewähren.

Dies sollte mit Ihrem Twitter-Konto verknüpft sein. Wenn nicht, können Sie Ihr Zugriffstoken und Ihr Zugriffstoken-Geheimnis manuell abrufen indem Sie den Anweisungen des Plugins folgen.

Speichern Sie Ihre Änderungen, nachdem das Konto verknüpft wurde.

3. Konfigurieren Sie die Feed-Einstellungen

Scrollen Sie noch auf der Registerkarte „ Konfigurieren “ nach unten, um Ihre Feed-Einstellungen zu ändern. Sie können beispielsweise wählen, ob Sie einen Feed von einem Benutzerkonto oder von einem Hashtag haben möchten.

Es gibt weitere kostenlose und Premium-Einstellungen, z. B. wie viele Tweets angezeigt werden sollen oder erweiterte Feed-Typen.

4. Konfigurieren Sie das Layout für Ihren Feed

Speichern Sie die Änderungen und wechseln Sie zur Registerkarte Anpassen .

Hier haben Sie Einstellungen, um das Design des Twitter-Feeds zu ändern.

Sie können alles vom Layout bis zu den Inhalten der Tweets anpassen. Sie können dem Plugin auch mitteilen, wie viele Tweets angezeigt werden sollen.

5. Konfigurieren Sie das Design/den Stil Ihres Feeds

Die Registerkarte „ Stil “ ist für andere Erscheinungsbildänderungen wie Farben und Text vorgesehen.

Fühlen Sie sich frei, Dinge zu ändern, damit sie zu Ihrer Marke passen.

Denken Sie daran, Ihre Einstellungen zu speichern, bevor Sie zu einem anderen Tab wechseln.

6. Zeigen Sie Ihren Feed an

Der letzte Schritt besteht darin, Ihren Feed anzuzeigen .

Es gibt zwei Möglichkeiten, den Feed anzuzeigen, aber die einzige, die auf dieser Seite aufgeführt ist, ist die Shortcode-Methode. Kopieren Sie daher den angegebenen Shortcode in Ihre Zwischenablage.

Navigiere zu einem neuen oder alten Beitrag oder einer Seite in WordPress.

Die erste Möglichkeit, den Feed anzuzeigen, besteht darin, den Shortcode in einen Shortcode- Block einzufügen.

Die einfachere Methode besteht darin, den Twitter-Feed -Block zu suchen und einzufügen. Dieser Block stammt aus dem Smash Balloon Twitter Feed Plugin.

Es ist keine weitere Anpassung erforderlich, da Sie Ihren Feed bereits im Einstellungsbereich konfiguriert haben.

Veröffentlichen Sie den Beitrag oder die Seite und gehen Sie zum Frontend, um die Tweets in Aktion zu sehen. Für dieses Tutorial habe ich mich für einen Hashtag-Feed entschieden, aber Sie können auch Ihr eigenes Konto auswählen.

Betten Sie noch heute Tweets in WordPress ein

Für einige andere Ideen, um Twitter in Ihre WordPress-Seite zu integrieren, haben wir auch einige andere nützliche Anleitungen:

• Neun Möglichkeiten zur Integration von WordPress und Twitter
• So posten Sie von WordPress aus auf Twitter
• So teilen Sie automatisch alte Blogbeiträge auf Twitter

Haben Sie noch Fragen zum Einbetten von Tweets in WordPress? Fragen Sie uns in den Kommentaren!