Hinzufügen eines Twitter Feeds zu Ihrer Divi WordPress Site

Wollten Sie schon immer einen Twitter-Feed zu Ihrer Divi-Website hinzufügen?

Wenn Sie eine schöne Website mit Divi erstellt haben, können Sie sie mit einem Twitter-Feed auf einfache Weise noch attraktiver gestalten.

Sie können dann relevante Twitter-Inhalte anzeigen, um Ihre Besucher einzubinden, Ihre soziale Fangemeinde zu vergrößern und sogar Konversionen zu steigern.

Und damit Du gleich loslegen kannst, zeigen wir Dir, wie Du am einfachsten Twitter-Inhalte zu Divi hinzufügen kannst.

Zuvor wollen wir sehen, wie die Anzeige von Twitter-Inhalten auf Ihrer Divi-Website hilfreich sein kann.

Oder Sie können hier klicken, um zum Abschnitt "Tutorial" zu springen.

Warum Twitter Feeds zu einer Divi Website hinzufügen?

Divi ist ein beliebter Page Builder für WordPress, mit dem Sie mühelos eine schöne Website erstellen können.

Aber es reicht vielleicht nicht aus, nur eine schöne Website zu haben. Schließlich werden die meisten Ihrer Besucher die Website verlassen und nie wiederkommen.

Eine gute Möglichkeit, Ihre Besucher einzubinden, besteht darin, Twitter-Inhalte auf Ihrer Website zu zeigen. Auf diese Weise können Sie ansprechende Inhalte zeigen und die Besucher auf Ihrer Website halten. 

• Mit ansprechenden Inhalten in den sozialen Medien können Sie erreichen, dass Ihre Besucher mehr Zeit auf Ihrer Website verbringen. Auf diese Weise kann Ihre Website eine bessere Suchmaschinenoptimierung erzielen und noch mehr Menschen mit Leichtigkeit erreichen.
• Indem Sie Tweets von Ihrem eigenen Konto einbetten, verwandeln Sie Website-Traffic ganz einfach in Engagement und neue Twitter-Follower.
• Mit einem Twitter-Feed können Sie Ihre neuesten Produktveröffentlichungen, Nachrichten, Ankündigungen, Verkäufe und vieles mehr in einer auffälligen Weise präsentieren.
• Sie können Bewertungen und Erfahrungsberichte von Twitter auf Ihren Produktseiten einbetten. Mit diesem sozialen Beweis wird es Ihnen viel leichter fallen, Menschen in Kunden zu verwandeln.

Einfacher Weg, den Twitter-Feed in WordPress anzuzeigen

Um einen Twitter-Feed manuell zu Divi hinzuzufügen, müssen Sie Einbettungscodes generieren, den Code anpassen und ihn dann zu Ihrer Website hinzufügen.

Außerdem kopiert der Twitter-Inhalt nicht das Design Ihrer Website, wenn Sie diese Methode verwenden, und die Tweets können sogar mit Ihrem Branding kollidieren.

Die gute Nachricht?

Es gibt eine viel bessere Möglichkeit, Twitter-Posts anzuzeigen, ohne eine einzige Zeile Code anzufassen. Außerdem müssen Sie sich nicht durch Erweiterungen auf dem Divi-Marktplatz wühlen.

Sie können einfach das Twitter Feed Pro Plugin verwenden.

Mit Twitter Feed Pro ist es ganz einfach, Twitter-Feeds auf Ihrer Website anzuzeigen und die Besucher bei der Stange zu halten - selbst wenn Sie ein WordPress-Experte sind.

Dieses Plugin verfügt über eine Vielzahl von Funktionen, die das Einbinden von Twitter-Feeds auf Ihrer Website einfacher denn je machen:

• Folgen Sie einfach dem 3-stufigen Leitfaden, der Sie durch den gesamten Prozess des Erstellens, Anpassens und Einbettens von Twitter-Feeds führt - ganz ohne Programmierkenntnisse.
• Sobald Du Deine Twitter-Feeds erstellt hast, übernehmen sie automatisch das Design Deiner Divi-Website und sehen sofort fantastisch aus.
• Sie können eine vorgefertigte Vorlage importieren oder den Live-Feed-Editor verwenden, um das Layout, das Farbschema, die Kopfzeile, die Tweet-Box, die Feedgröße und vieles mehr zu ändern.
• Und das Beste daran? Sie erhalten mit diesem Plugin ein Team von WordPress-Experten. Wenn Sie jemals Hilfe benötigen oder Fragen haben, können Sie sich einfach an sie wenden.
• Alle Twitter-Feeds, die Sie erstellen, sind leichtgewichtig und superschnell. Und eine schnellere Website bedeutet auch eine bessere Suchmaschinenoptimierung für Ihre Website.

Alles in allem ist Twitter Feed Pro das beste Twitter-Feed-Plugin auf dem Markt und eine großartige Option für Online-Unternehmen. Außerdem wird es von einem anerkannten Kundensupport-Team aus WordPress-Experten unterstützt.

Sind Sie bereit, ansprechende Twitter-Feeds für Ihre Website zu erstellen? Holen Sie sich noch heute Ihr Exemplar von Twitter Feed Pro!

Hinzufügen eines Twitter-Feeds zu Divi (Schritt-für-Schritt)

Sie müssen nur die folgenden einfachen Schritte befolgen, um Twitter-Feeds in Ihre WordPress-Website einzubetten. Legen wir los!

Schritt 1: Laden Sie das Twitter Feed Pro Plugin herunter

Holen Sie sich zunächst das Twitter Feed Pro Plugin von hier und laden Sie es dann auf Ihren Computer herunter.

Anschließend können Sie Twitter Feed Pro auf Ihrer WordPress-Website installieren und aktivieren.

Wenn Sie sich nicht sicher sind, wie das geht, schauen Sie sich diese Anleitung zur Installation von WordPress-Plugins für Anfänger an.

Schritt 2: Erstellen eines Twitter-Feeds

Mit diesem Plugin können Sie Ihren Twitter-Feed erstellen, indem Sie dem geführten Ablauf folgen.

Gehen Sie zunächst in Ihr WordPress-Dashboard und öffnen Sie dann das Menü Twitter Feed " Alle Feeds .

Klicken Sie auf der neuen Seite auf die Schaltfläche Neu hinzufügen , um zu beginnen.

Das Plugin fragt dann, welche Art von Twitter-Feed Sie auf Ihrer Divi-Website haben möchten. Sie können hier aus 3 Optionen wählen:

• Benutzer-Zeitleiste: Wählen Sie eine Twitter-Zeitleiste aus und zeigen Sie die neuesten Tweets an.
• Hashtag: Zeigen Sie einen Feed an, der auf bestimmten, von Ihnen gewählten Twitter-Hashtags basiert.
• Suchen: Zeigt die Ergebnisse einer erweiterten Twitter-Suche an.

Um fortzufahren, wählen Sie einen Feed-Typ aus und klicken Sie dann auf Weiter.

In diesem Beispiel habe ich eine Benutzerzeitleiste für die Divi-Website ausgewählt.

Schritt 3: Verbinden Sie Ihr Twitter-Konto

Damit Ihr Twitter-Feed Tweets auf Ihrer Divi-Website anzeigt, können Sie ihn einfach mit Ihrem Twitter-Konto verbinden.

Um loszulegen, klicken Sie auf die Schaltfläche Verbinden .

Das Plugin öffnet dann Twitter in Ihrem Webbrowser, so dass Sie Twitter Feed Pro schreibgeschützten Zugriff gewähren können.

Mit diesem Zugang können Ihre Feeds Informationen von Twitter abrufen und dann Tweets auf Ihrer Website anzeigen. Das Plugin ist nicht in der Lage, irgendwelche Änderungen vorzunehmen und kann daher völlig sicher verwendet werden.

Klicken Sie dazu hier auf die Schaltfläche App autorisieren .

Sobald Sie das getan haben, wird das Plugin Ihre Website erneut öffnen. Hier können Sie die Quelle für Ihren Divi-Twitter-Feed auswählen.

Da wir eine Benutzer-Timeline einbetten, fügen wir hier den Twitter-Handle "@starbucks" ein.

Nachdem Sie die Quelle hinzugefügt haben, klicken Sie auf Weiter, um fortzufahren.

Schritt 4: Passen Sie Ihren Twitter-Feed an

Da das Plugin automatisch das Design Ihrer Divi-Website kopiert, werden Ihre Feeds sofort schön aussehen.

Darüber hinaus haben Sie auch die Kontrolle über das Design Ihres Twitter-Feeds.

Um Ihnen den Einstieg zu erleichtern, können Sie aus 7 verschiedenen Feed-Vorlagen mit vorgefertigten Layouts wählen:

• Standard
• Mauerwerkskarten
• Einfaches Karussell
• Einfache Karten
• Schaufenster-Karussell
• Letzter Tweet
• Widget

Sobald Sie Ihre Divi-Vorlage für den Twitter-Feed ausgewählt haben, klicken Sie auf Weiter.

Als Nächstes öffnet das Plugin den Live-Feed-Editor, damit Sie Ihren Twitter-Feed im Detail anpassen können. Auf diese Weise können Sie sicherstellen, dass das Design perfekt zu Ihrem Divi-Theme passt.

Auf der linken Seite finden Sie das Anpassungspanel mit Optionen zum Einstellen des Layouts, der Farben, der Größe, des Header-Designs und vielem mehr Ihres Divi Social Media Feeds.

Wenn Sie Ihren Twitter-Feed anpassen, können Sie die Live-Vorschau auf der rechten Seite verwenden, um Ihre Änderungen einfach zu verfolgen.

Für den Anfang ändere ich normalerweise das Layout der Tweets. Das ist ein guter Weg, um die Interaktion der Besucher mit dem Feed zu verändern.

Klicken Sie zunächst auf Feed-Layout , damit Sie das Layout der Tweets auf Ihrer Divi-Website festlegen können.

Twitter Feed Pro verfügt über 3 Optionen für das Feed-Layout: Liste, Masonry und Karussell

Schauen wir uns jedes dieser Layouts im Folgenden an.

Zunächst gibt es das Listenlayout, mit dem Sie Tweets in einer einzigen Spalte anzeigen können, wie auf der offiziellen Twitter-Website.

Sie möchten viele Tweets auf einmal anzeigen?

Sie können das Masonry-Layout wählen , bei dem die Tweets in mehreren Spalten gleichzeitig angezeigt werden.

Wenn Sie stattdessen das Karussell-Layout wählen, können Sie Ihren Divi-Twitter-Feed in eine schöne Diashow verwandeln.

Auf diese Weise können Sie Ihre Website interaktiver gestalten.

Nachdem Sie ein Feed-Layout ausgewählt haben, klicken Sie oben auf die Schaltfläche Speichern.

Wenn Sie Ihren Feed weiter anpassen möchten, können Sie auf die Schaltfläche Anpassen in der oberen linken Ecke klicken.

Als Nächstes können Sie den Live-Feed-Editor verwenden, um die Farben Ihres Twitter-Feeds einzustellen.

Sie können dies tun, indem Sie auf die Option Farbschema klicken.

Als Nächstes zeigt Ihnen das Plugin Farbschemata, mit denen Sie die Farben Ihres sozialen Feeds ganz einfach auswählen können.

Sie müssen nur aus 4 verschiedenen Farbschemata wählen:

• Vererben vom Theme: Verwenden Sie die gleichen Farben wie Ihre Divi-Website
• Hell: Anzeige eines hellen Hintergrunds mit einer dunklen Schriftfarbe
• Dunkel: Zeigt einen dunklen Hintergrund zusammen mit einer hellen Schrift an.
• Benutzerdefiniert: Manuelles Auswählen aller Farben

Sobald Sie Ihr Farbschema ausgewählt haben, klicken Sie erneut auf Speichern, um Ihre Änderungen zu bestätigen.

Nun können Sie mit den restlichen Optionen das Aussehen Ihres neuen Feeds ändern. Mit dem Live-Feed-Editor können Sie ganz einfach die Größe Ihres Feeds, die Schaltfläche "Mehr laden", die Lightbox-Optionen, den Kopfzeilenstil und vieles mehr ändern.

Denken Sie daran, am Ende auf Speichern zu klicken, um Ihre Änderungen zu bestätigen.

Schritt 5: Twitter-Feed auf Divi-Website einbetten

Am einfachsten ist es, den Live-Feed-Editor zu verwenden, um Ihren Feed einzubetten.

Klicken Sie in Ihrem Live-Editor auf die Schaltfläche Einbetten am oberen Rand.

Als Nächstes wird ein Popup mit allen Einbettungsoptionen für Ihren neu erstellten Feed angezeigt.

Um den Feed auf Ihrer Divi-Website einzubinden, können Sie hier auf die Schaltfläche Kopieren klicken.

Navigieren Sie dann in Ihrem Dashboard-Bereich zum Menü Seiten " Neu hinzufügen , um eine Seite für Ihren Twitter-Feed zu erstellen.

Um fortzufahren, klicken Sie im WordPress-Editor auf die Schaltfläche Use The Divi Builder .

Um stattdessen einen WordPress-Beitrag zu verwenden, öffnen Sie im Dashboard das Menü Beiträge " Neu hinzufügen .

Klicken Sie nun auf Use The Divi Builder, um die Seite im Divi-Editor zu öffnen.

Im Divi-Builder können Sie aus 3 verschiedenen Möglichkeiten zur Gestaltung Ihrer Seite oder Ihres Beitrags wählen.

• Bauen beginnen: Beginnen Sie mit dem Bau aus einer leeren Vorlage
• Layouts durchsuchen: Importieren Sie ein vorgefertigtes Layout
• Seite auswählen: Duplizieren Sie eine Seite und verwenden Sie ihr Design

Sie können hier die von Ihnen bevorzugte Option auswählen.

Wenn Sie sich für die Option Erstellung beginnen entscheiden, können Sie sofort mit der Gestaltung Ihrer Seite oder Ihres Beitrags von einer leeren Seite aus beginnen.

Wenn Sie stattdessen die Option Layouts durchsuchen gewählt haben, können Sie sich eine Sammlung vorgefertigter Layouts ansehen.

Um fortzufahren, klicken Sie auf das von Ihnen bevorzugte Layout.

Das Popup zeigt Ihnen dann weitere Details zu Ihrem gewählten Layout. Wenn Sie eine kurze Vorschau wünschen, klicken Sie auf Live-Demo anzeigen.

Wenn Sie mit dem Layout zufrieden sind, klicken Sie auf die Schaltfläche Dieses Layout verwenden.

Mit der Option Seite auswählen können Sie sich alle Seiten ansehen, die Sie mit Divi erstellt haben.

Um fortzufahren, klicken Sie einfach auf eine Seite, die Sie klonen möchten.

Danach kannst Du damit beginnen, Inhalte zu Deiner Divi-Seite oder zuerst hinzuzufügen. Ich werde also schnell ein Twitter-Timeline-Modul auf dieser Seite hinzufügen.

Klicken Sie dazu zunächst auf das grüne Plus-Symbol (+) und wählen Sie dann den gewünschten Zeilentyp aus.

Nachdem Sie nun Platz für Ihren neuen Feed geschaffen haben, klicken Sie auf das schwarze Plus-Symbol (+), um mit dem Hinzufügen von Inhalten zu beginnen.

Geben Sie dann einfach "Code" in die Suchleiste ein und klicken Sie auf das unten stehende Code-Modul.

Auf der linken Seite finden Sie die Optionen für das Code-Modul. Suchen Sie dort nach dem Code-Feld und fügen Sie dann den Shortcode ein.

Klicken Sie abschließend auf das Häkchen-Symbol, um das Hinzufügen Ihres Twitter-Feeds zu Divi zu beenden.

Danach klickst Du auf die Schaltfläche " Veröffentlichen" und Dein neues Twitter-Feed-Modul wird auf Deiner Divi-Site online sein.

Um zu sehen, wie der Feed aussieht, können Sie Ihre Website öffnen und sich selbst davon überzeugen.

Und das war's!

Wie Du sehen kannst, ist es super einfach, einen Twitter-Feed zu Divi-Websites hinzuzufügen, wenn Du das richtige Tool verwendest. Und mit Twitter Feed Pro ist es einfacher denn je, Twitter in Deine Website zu integrieren.

Alles in allem ist es wirklich das beste WordPress-Plugin zum Einbetten von Twitter auf Ihrer Website. Auf diese Weise können Sie Ihr Twitter-Marketing ganz einfach ankurbeln.

Möchtest Du ganz einfach Twitter-Posts zu Divi hinzufügen? Holen Sie sich Ihr Exemplar von Twitter Feed Pro hier!

Wenn Sie Twitter für Ihr Unternehmen nutzen möchten, können Sie sich unsere Liste der besten Twitter-Marketing-Tools ansehen.

Andere Social Media Marketing Anleitungen und Tipps

• Einfaches Hinzufügen von Facebook Feed zu Divi WordPress Seiten
• Wie Sie Ihren Instagram-Feed auf Ihrer Website einbetten
• Beste YouTube-Plugins, um Ihre Abonnenten jetzt zu erhöhen
• Wie man Social Media im Affiliate Marketing einsetzt
• Twitter-Widget-Beispiele, die Sie auf Ihrer Website einbetten können

Wenn Sie diesen Artikel hilfreich fanden, folgen Sie uns auf Twitter und Facebook, und bleiben Sie dran für weitere Tipps und Tricks zum Social Media Marketing.