Möchten Sie ein Twitter-Profil in Ihre Website einbinden?
Die Anzeige Ihres Twitter-Profils ist der einfachste Weg, um neue Likes, Antworten und Follower für Ihre Website zu erhalten.
In diesem Tutorial zeigen wir Ihnen, wie Sie Twitter-Profile ganz einfach einbetten können - ganz ohne Programmierkenntnisse.
Dieser Leitfaden enthält folgende Informationen. Klicken Sie einfach auf einen Abschnitt, wenn Sie weiterspringen wollen.
- Warum ein Twitter-Profil auf Ihrer Website einbetten?
- Der einfachste Weg, ein Twitter-Profil in WordPress einzubetten
- Twitter Profil Timeline auf Ihrer Website einbetten
Fangen wir an!
Warum ein Twitter-Profil auf Ihrer Website einbetten?
Indem Sie aktuelle Tweets aus Ihrem eigenen Profil einbetten, können Sie Ihre Website-Besucher leicht in neue Follower verwandeln.
Da die Besucher Ihrer Website bereits an Ihren Inhalten interessiert sind, ist es wahrscheinlicher, dass sie Ihrem Twitter-Konto folgen.
Außerdem können Sie auch Inhalte von anderen Twitter-Nutzern auf Ihrer Website einbetten. Auf diese Weise können Sie relevante Tweets, Fotos und Videos auf Ihrer Website veröffentlichen, um das Interesse Ihrer Besucher zu wecken.
Sie können auch die neuesten Nachrichten und Ankündigungen auf Ihrem Twitter-Profil hervorheben. Auf diese Weise können alle Besucher Ihrer Website aktuelle Informationen über Ihr Unternehmen erhalten.
Darüber hinaus können Sie nutzergenerierte Inhalte wie Bewertungen, Erfahrungsberichte, Produktdemonstrationen und mehr aus den Twitter-Profilen anderer Personen anzeigen. Dies kann als sozialer Beweis dienen und Besucher davon überzeugen, bei Ihnen zu kaufen.
Und wenn Menschen mehr Zeit auf Ihrer Website verbringen, erhalten Sie eine viel bessere Suchmaschinenoptimierung. So kann Ihre Website mit Leichtigkeit noch mehr potenzielle Kunden erreichen.
Da Sie nun wissen, warum Sie Twitter-Inhalte einbetten sollten, sehen wir uns an, wie Sie Twitter-Profile auf einfache Weise einbetten können.
Der einfachste Weg, ein Twitter-Profil in WordPress einzubetten
Beim Einbetten Ihres Twitter-Profils gibt es 2 verschiedene Optionen, die Sie ausprobieren können:
- Manueller Weg: Verwenden Sie den offiziellen Twitter-Einbettungscode-Generator, ändern Sie den Code und fügen Sie ihn dann direkt in Ihre Website ein.
- Einfacher Weg: Mit Hilfe eines Twitter-Plugins können Sie Twitter-Profile automatisch in Ihre Website einbetten.
Bei der manuellen Methode müssen Sie publish.twitter.com in Ihrem Browser öffnen und dann einen HTML-Code generieren, um ein Twitter-Profil einzubetten.
Sobald Sie diesen HTML-Code in Ihre Website einfügen, können Sie endlich die Tweets dieses Profils anzeigen.
Wie Sie sehen können, kann diese Methode verwirrend sein, da Sie komplizierte Einbettungscodes verwalten müssen.
Darüber hinaus haben Sie keine Möglichkeit, die auf Ihrer Website eingebetteten Twitter-Profile zu verfolgen.
Außerdem passt Ihr Twitter-Profil nicht zum Design Ihrer Website, so dass es mit Ihrem Branding kollidieren könnte.
Und wenn Sie das Aussehen der Tweets anpassen möchten, müssen Sie entweder den Code manuell bearbeiten oder einen Entwickler beauftragen, der das für Sie erledigt.
Die gute Nachricht ist, dass es eine einfache Möglichkeit gibt, Twitter-Profile in Ihre Website einzubetten - Twitter Feed Pro.
Mit diesem Plugin können Sie Twitter-Inhalte in nur wenigen Minuten auf Ihrer WordPress-Website anzeigen - ohne HTML, CSS, Javascript oder sogar iFrames zu benötigen.
Außerdem werden alle von Ihnen eingebetteten Twitter-Inhalte automatisch das Design Ihrer Website übernehmen. So passt Ihr Twitter-Profil perfekt zum Erscheinungsbild Ihrer Marke.
Twitter Feed Pro bietet außerdem ausführliche Anpassungsoptionen, mit denen Sie festlegen können, wie die Twitter-Feeds auf Ihrer Website erscheinen. Sie erhalten sogar eine Live-Vorschau, um zu prüfen, wie das Twitter-Profil auf Ihrer Website aussehen wird.
Eine weitere großartige Funktion von Twitter Feed Pro besteht darin, dass es automatisch eine zwischengespeicherte Kopie Ihrer Twitter-Feeds speichert. So kann Ihre Website die gespeicherte Kopie anzeigen, anstatt den Feed jedes Mal von Grund auf neu zu laden.
Dadurch wird Ihre Website viel schneller geladen, und Sie können auch eine bessere Suchmaschinenoptimierung erzielen.
Und das Beste daran? Twitter Feed Pro wird mit hochwertigem, engagiertem Support von einem Expertenteam geliefert, das immer bereit ist, Ihnen zu helfen.
Mit einer Bewertung von 4,9/5 Sternen von über 150.000 aktiven Nutzern ist Twitter Feed Pro wirklich das beste Twitter-Feed-Plugin auf dem Markt.
Auf diese Weise können Sie Social-Media-Inhalte von Twitter einbetten, um Ihre Besucher einzubinden, viele Twitter-Follower zu gewinnen, die Konversionsrate zu erhöhen und vieles mehr.
Sind Sie bereit, Twitter-Profile in Ihre Website einzubinden? Holen Sie sich noch heute Ihr Exemplar von Twitter Feed Pro!
Da Sie nun wissen, wie Sie Twitter-Profile am einfachsten einbetten können, lassen Sie uns mit der folgenden Anleitung beginnen.
Twitter Profil Timeline auf Ihrer Website einbetten
Um Ihr Twitter-Profil mit Hilfe von Twitter Feed Pro einzubinden, müssen Sie nur die folgende Schritt-für-Schritt-Anleitung befolgen:
Fangen wir an!
Schritt 1: Laden Sie das Twitter Feed Pro Plugin herunter
Der erste Schritt besteht darin, sich hier eine Kopie von Twitter Feed Pro zu besorgen und dann das Plugin auf Ihrer WordPress-Website zu installieren.
Wenn Sie sich nicht sicher sind, wie das geht, lesen Sie unseren Leitfaden für die Installation von WordPress-Plugins auf Ihrer Website.
Nachdem Sie das Plugin installiert und aktiviert haben, fahren Sie mit Schritt 2 fort, um mit Twitter Feed Pro zu beginnen.
Schritt 2: Erstellen Sie einen neuen Twitter-Feed
Sie können nun mit diesem Plugin einen neuen Twitter-Feed für Ihre Website erstellen.
Und das Beste daran? Sie können das tun, indem Sie einfach der Anleitung des Plugins folgen.
Öffnen Sie zunächst das Menü Twitter Feed " Alle Feeds in Ihrem Dashboard und klicken Sie dann oben auf die Schaltfläche Neu hinzufügen .
Sie können dann den Typ des Twitter-Feeds auswählen, den Sie auf Ihrer Website anzeigen möchten. Um fortzufahren, wählen Sie User Timeline und klicken Sie dann auf die Schaltfläche Next.
Nachdem Sie nun mit diesem Plugin einen Twitter-Feed erstellt haben, müssen Sie ihn mit Ihrem Twitter-Konto verbinden.
Schritt 3: Verbinden Sie Ihren Feed mit Twitter
Wenn Sie möchten, dass Ihr Twitter-Feed ein Profil auf Ihrer Website einbettet, können Sie ihn einfach mit Ihrem Twitter-Konto verbinden.
Sie können hier auf die Schaltfläche Verbinden klicken, um loszulegen.
Als Nächstes bittet Twitter Feed Pro um schreibgeschützten Zugriff auf Ihr Konto, damit es Tweets abrufen und auf Ihrer Website anzeigen kann.
Das Plugin kann keine Änderungen an Ihrem Konto vornehmen und kann nur Informationen auf Twitter anzeigen. Daher können Sie das Twitter Feed Pro Plugin von Smash Balloon sicher verwenden.
Um Twitter Feed Pro Lesezugriff zu gewähren, klicken Sie auf die Schaltfläche App autorisieren .
Nachdem Sie Ihr Twitter-Konto verbunden haben, können Sie das Twitter-Profil auswählen, das Sie auf Ihrer Website anzeigen möchten.
Geben Sie Ihr ausgewähltes Twitter-Profil in das Feld User Timeline ein.
Klicken Sie abschließend auf die Schaltfläche Weiter, um fortzufahren.
Nachdem Sie nun eine Quelle für Ihren Twitter-Profil-Feed hinzugefügt haben, sind Sie bereit für Schritt 4. Dort können Sie das Design Ihres neuen Feeds anpassen.
Schritt 4: Passen Sie Ihr Twitter-Profil-Feed an
Da sich das Plugin automatisch an das Design Ihrer Website anpasst, wird Ihr Twitter-Feed perfekt zu Ihrer Marke passen.
Darüber hinaus können Sie Ihren Twitter-Profil-Feed im Detail anpassen.
Zunächst bietet Ihnen das Plugin 7 Feed-Vorlagen, aus denen Sie wählen können. Wählen Sie einfach die Option, die Sie für Ihren Feed verwenden möchten:
- Standard
- Mauerwerkskarten
- Einfaches Karussell
- Einfache Karten
- Schaufenster-Karussell
- Letzter Tweet
- Widget
Nachdem Sie Ihre Feed-Vorlage ausgewählt haben, klicken Sie auf Weiter.
Jetzt öffnet das Plugin den Live-Feed-Editor, damit Sie Ihren Twitter-Feed noch besser anpassen können.
Die Anpassungsoptionen finden Sie auf der linken Seite des Editors. Dort können Sie das Layout Ihres Twitter-Feeds, den Hintergrund, die Farben, den Stil der Kopfzeile, das Design der Schaltflächen und vieles mehr einrichten.
Auf der rechten Seite des Editors sehen Sie eine Echtzeit-Vorschau Ihres Twitter-Feeds. Auf diese Weise können Sie Ihre Änderungen leicht verfolgen.
Sie können jetzt den Live-Feed-Editor verwenden, um das Layout der Tweets auf Ihrer Website zu ändern.
Klicken Sie auf die Option Feed-Layout auf der linken Seite, um zu beginnen.
Das Plugin zeigt Ihnen dann 3 verschiedene Layouts an, die Sie für Ihren Twitter-Feed verwenden können:
- Liste
- Gemäuer
- und Karussell
Gehen wir im Folgenden jedes dieser Layouts durch:
Wenn Sie das Listenlayout wählen, werden Ihre Tweets in einer einzigen Spalte angezeigt, die einem offiziellen Twitter-Feed ähnelt.
Außerdem fallen Ihre einzelnen Tweets mit diesem Layout auf Ihrer Website besser auf.
Möchten Sie, dass Ihre Tweets stattdessen in mehreren Spalten erscheinen? Dann wählen Sie stattdessen das Masonry-Layout .
Außerdem können Sie mit diesem Layout viele Twitter-Beiträge auf einmal anzeigen.
Als Nächstes gibt es das Karussell-Layout, das Ihre Twitter-Inhalte in einem Diashow-Karussell platziert.
Mit diesem Layout können Sie nicht nur interaktiv sein, sondern auch eine Vielzahl von Tweets anzeigen, ohne viel Platz zu beanspruchen.
Nachdem Sie das gewünschte Layout ausgewählt haben, klicken Sie auf die Schaltfläche Speichern.
Möchten Sie Ihren Twitter-Feed noch weiter anpassen? Dann klicken Sie auf die Schaltfläche " Anpassen" am oberen Rand.
Jetzt kannst du die Farben deines Twitter-Profils ändern. Und mit dem Live-Feed-Editor kann das ganz einfach sein.
Klicken Sie zunächst auf die Option Farbschema auf der linken Seite.
Als Nächstes sehen Sie 4 verschiedene Farbschemata, mit denen Sie die Farben Ihres Feeds ganz einfach ändern können:
- Vererben von Theme: Kopieren Sie die Farben Ihres WordPress-Themas
- Hell: Zeigt eine helle Hintergrundfarbe und eine dunkle Schrift an.
- Dunkel: Wählen Sie eine dunkle Farbe für den Hintergrund und eine helle Schriftfarbe
- Benutzerdefiniert: Wählen Sie alle Ihre Farben manuell aus
Wenn Sie ein Farbschema ausgewählt haben, vergessen Sie nicht, auf " Speichern" zu klicken, um Ihre Änderungen zu speichern.
Sie können nun die verbleibenden Anpassungsoptionen nutzen, um das Design der Kopfzeile Ihres Twitter-Feeds zu ändern, mehr Schaltflächen zu laden, die Anzahl der Tweets zu erhöhen, die Lightbox-Einstellungen zu ändern und vieles mehr.
Wenn Sie mit dem Aussehen Ihres Feeds zufrieden sind, klicken Sie noch einmal auf Speichern .
Schließlich können Sie in Schritt 5 dieses Twitter-Profil in Ihre Website einbetten.
Schritt 5: Twitter-Profil auf Ihrer Website einbetten
Twitter Feed Pro bietet Ihnen 2 verschiedene Möglichkeiten, Ihr Twitter-Profil auf einer WordPress-Website anzuzeigen:
- Twitter-Profil in eine WordPress-Seite einbetten
- Twitter-Profil in die WordPress-Seitenleiste oder -Fußzeile einbetten
Im Folgenden werden wir beide Methoden durchgehen.
Twitter-Profil in eine WordPress-Seite einbetten
Da Twitter Feed Pro so benutzerfreundlich ist, können Sie Ihre Feeds direkt vom Live-Feed-Editor aus einbetten.
Sie müssen nur auf die Schaltfläche Einbetten klicken, um loszulegen.
In dem neuen Popup finden Sie verschiedene Möglichkeiten, Ihren Twitter-Feed zu Ihrer Website hinzuzufügen.
Da wir sie dieses Mal auf einer Seite einbetten, klicken Sie auf Zu einer Seite hinzufügen , um fortzufahren.
Das Popup zeigt nun eine Liste aller WordPress-Seiten auf Ihrer Website an.
Sobald Sie eine Seite aus den Optionen ausgewählt haben, klicken Sie auf die Schaltfläche Hinzufügen .
Jetzt wird die Seite im offiziellen WordPress-Editor geöffnet. Hier können Sie Ihren Twitter-Feed mithilfe eines Inhaltsblocks einbetten.
Fügen Sie zunächst einen neuen Block hinzu, indem Sie auf das Pluszeichen (+) klicken.
Sie können dann über die Suchleiste oben nach dem Block "Twitter-Feed" suchen.
Klicken Sie schließlich auf das Twitter-Feed-Widget in den Suchergebnissen unten.
Sobald Sie bereit sind, Ihr Twitter-Timeline-Widget live zu schalten, klicken Sie auf die Schaltfläche Aktualisieren.
Wenn Sie die Webseite jetzt öffnen, können Sie sehen, wie das Twitter-Profil für die Besucher Ihrer Website aussehen wird.
Nachdem Sie nun dieses Twitter-Profil in eine WordPress-Seite eingebettet haben, sehen wir uns die nächste Möglichkeit zum Einbetten von Twitter-Inhalten an.
Twitter-Profil in die WordPress-Seitenleiste oder -Fußzeile einbetten
Sie können auch ein Twitter-Widget verwenden, um Tweets von Ihrem gewählten Twitter-Profil einzubetten. Wie bei der vorherigen Option können Sie dies über den Live-Feed-Editor tun.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Twitter-Feed " Alle Feeds und klicken Sie auf Ihren Twitter-Feed von vorhin.
Wie Sie sehen können, ist es wieder super einfach, einen Feed im Live-Feed-Editor zu öffnen. Hier können Sie Ihren Twitter-Feed frei anpassen - genau wie früher.
Sie können oben auf die Schaltfläche Einbetten klicken, um mit dem Einbetten Ihres Twitter-Feeds zu beginnen.
In dem Popup-Fenster können Sie auswählen, wo Sie das Twitter-Profil einbetten möchten.
Um fortzufahren, klicken Sie dort auf die Schaltfläche Zu einem Widget hinzufügen.
Sobald Sie dies getan haben, werden Sie von Twitter Feed Pro auf die Widgets-Seite Ihrer Website weitergeleitet. Auf dieser Seite können Sie Ihre WordPress-Widgets hinzufügen, entfernen oder verwalten.
Zu Beginn können Sie auswählen, wo Sie Ihr Twitter-Profil einbetten möchten.
Wenn Sie sie in Ihren Seitenleistenbereich einbetten möchten, klicken Sie auf das Feld Seitenleiste .
Wir verwenden die WordPress-Seitenleiste für unser Beispiel.
Sie können stattdessen auf das Fußzeilen-Panel klicken, wenn Sie Ihr Twitter-Profil im Fußzeilenbereich Ihrer Website anzeigen möchten.
Um ein neues Widget in der Seitenleiste oder Fußzeile hinzuzufügen, klicken Sie auf das Plus-Symbol (+) am unteren Rand.
Klicken Sie schließlich auf das Twitter-Feed-Widget in den Optionen, um Ihr Twitter-Profil einzubetten.
Sobald Sie auf die Schaltfläche Aktualisieren klicken, wird Ihr Twitter-Profil-Widget auf Ihrer Website aktiviert.
Möchten Sie sehen, wie es aussieht? Öffnen Sie einfach Ihre Website, und Sie sehen Ihr Twitter-Profil eingebettet für alle zu sehen.
Und das war's!
Jetzt wissen Sie, wie Sie ein Twitter-Profil mit wenigen Klicks in Ihre Website einbinden können. Mit Twitter Feed Pro ist es einfacher denn je, Tweets auf Ihrer WordPress-Website anzuzeigen.
Möchten Sie Twitter-Profil-Feeds einbetten? Sie können Twitter Feed Pro von hier bekommen.
Wenn Sie mehr darüber erfahren möchten, wie Sie Twitter in Ihre Website integrieren können, sehen Sie sich unsere Liste der besten Twitter-Widgets zum Einbetten in Ihre Website an.
