Möchten Sie begrenzen, wie viele Tweets im Twitter-Widget Ihrer Website angezeigt werden?
Website-Besitzer, die Twitter-Feeds einbetten, möchten oft steuern, wie viel X (Twitter)-Inhalt angezeigt wird.
Aus meiner Erfahrung bei der Verwaltung von Social-Media-Feed-Integrationen weiß ich, dass die Ästhetik der Website und die Benutzerfreundlichkeit von zentraler Bedeutung sind.
Das Einbetten eines Twitter-Widgets kann eine großartige Möglichkeit sein, um Live-Updates anzuzeigen, aber manchmal kann es zu viele Tweets anzeigen. Ein langer, scrollender Twitter-Feed kann Website-Besucher überwältigen und Ihre Seite unübersichtlich erscheinen lassen.
Wenn Sie die Anzahl der in Ihrem Twitter-Widget angezeigten Tweets begrenzen, können Sie einen prägnanten, fokussierten und visuell ansprechenden Social Media Feed auf Ihrer Website präsentieren.
In diesem Artikel zeige ich Ihnen, wie Sie die Anzahl der Tweets in Ihrem Twitter-Widget leicht kontrollieren können.
Mit meinem Wissen über bewährte Verfahren zum Einbetten von sozialen Medien zeige ich Ihnen klare Schritte zum Anpassen Ihres Twitter-Widgets, damit Sie ein sauberes Website-Design beibehalten und die Benutzerfreundlichkeit verbessern können - ganz ohne Website-Codierung.
In diesem Artikel
- Warum die Anzahl der Tweets in Twitter Widgets begrenzen?
- Wie lassen sich Tweets in WordPress-Widgets am einfachsten einschränken?
- Schritt 1: Smash Balloon Twitter Feed Pro Plugin installieren
- Schritt 2: Erstellen Sie einen neuen Twitter-Feed
- Schritt 3: Verbinden Sie Ihr X (Twitter)-Konto
- Schritt 4: Begrenzen Sie die Anzahl der Tweets in Ihrem Twitter-Feed
- Schritt 5: Passen Sie Ihr Twitter-Widget an
- Schritt 6: Fügen Sie Ihr Twitter-Widget zu Ihrer Website hinzu
- Wie man Tweets in einem Twitter-Widget manuell begrenzt
Warum die Anzahl der Tweets in Twitter Widgets begrenzen?
Wenn Sie einen Twitter-Feed zu Ihrer Website hinzufügen, ist es verlockend, alles zu zeigen. Aber manchmal ist weniger tatsächlich mehr!
Deshalb ist es oft eine gute Idee, Ihre Tweets einzuschränken:
- Halten Sie Ihre Website sauber und organisiert - Denken Sie an das Twitter-Feed-Widget in der Seitenleiste oder Fußzeile Ihrer Website - das ist wertvoller Platz! Wenn zu viele Tweets angezeigt werden, können diese Bereiche unübersichtlich und überwältigend wirken. Die Begrenzung Ihrer Tweets trägt dazu bei, das Design Ihrer Website sauber, professionell und übersichtlich zu halten.
- Stellen Sie sicher, dass Ihre Twitter-Inhalte für Ihre Website relevant bleiben - Nicht alle Tweets sind für Ihre Website relevant. Wenn Sie Ihre eingebetteten Tweets einschränken, können Sie nur Inhalte anzeigen, die die Besucher Ihrer Website interessieren.
- Konzentrieren Sie die Aufmerksamkeit der Besucher - Zu viele Tweets können ablenken und die Aufmerksamkeit von Ihrer Hauptbotschaft ablenken. Eine Begrenzung Ihrer Tweets hilft Ihren Besuchern, sich auf die wichtigen Teile Ihrer Website zu konzentrieren.
- Verbesserte Zugänglichkeit der Website - Lange Tweet-Widgets sind für Bildschirmleser schwer zu navigieren. Die Begrenzung von Tweets macht Ihre Website für alle benutzerfreundlich.
Wie Sie also sehen, geht es bei der Begrenzung der Anzahl der Tweets in Ihrem Widget nicht darum, weniger von Ihrer X-Aktivität zu zeigen. Es geht darum, Ihre Website besser, zielgerichteter und benutzerfreundlicher für alle zu machen.
Möchten Sie mehr darüber erfahren, wie Sie Ihre Tweets effektiv begrenzen und perfekt auf Ihrer Website darstellen können? Lesen Sie weiter!
Wie lassen sich Tweets in WordPress-Widgets am einfachsten einschränken?
Der einfachste Weg, die Anzahl der Tweets in Ihrem WordPress-Twitter-Widget zu reduzieren, ist die Verwendung eines WordPress-Plugins speziell für Twitter-Feeds.
Plugins erweitern die Funktionalität Ihrer Website und fügen nützliche Funktionen hinzu, ohne dass Sie sich um die Programmierung kümmern müssen.
Und wenn Sie X (Twitter)-Inhalte auf Ihrer Website mithilfe eines Plugins anzeigen möchten, ist die beste Option Smash Balloon Twitter Feed Pro.
Mit diesem Plugin können Sie Twitter-Feeds und -Widgets mit nur wenigen Klicks erstellen, anpassen und einbetten - ganz ohne Programmierung.
Folgen Sie einfach der Anleitung, und schon haben Sie schöne Twitter-Inhalte auf Ihrer Website, die Ihre Besucher begeistern.
Mit Twitter Feed Pro können Sie nicht nur Twitter-Feeds auf Ihrer Website integrieren, sondern auch die Anzahl der in einem Twitter-Widget angezeigten Tweets mit wenigen Klicks begrenzen.
Was mir an den Smash Balloon-Feed-Plugins gefällt, ist ihr benutzerfreundlicher visueller Feed-Customizer.
Mit dem Feed-Anpassungsprogramm mit Live-Vorschau können Sie das Layout, die Anzahl der Tweets, Farben, Schaltflächen und vieles mehr anpassen.
Sie können Ihren Feed sogar frei moderieren, um Tweets zu entfernen oder anzuzeigen, die Sie möchten.
Als das am besten bewertete Twitter-Feed-Plugin auf dem Markt hat Twitter Feed Pro über 100.000 Websites, die das Plugin verwenden, mit einer durchschnittlichen Bewertung von 4,9/5 Sternen.
Und was noch wichtiger ist: Smash Balloon verfügt über ein ausgezeichnetes Kundenserviceteam, das Ihnen während des gesamten Prozesses zur Seite steht.
Keine Frage ist zu klein. Die Erstellung eines Twitter-Feeds mit einer begrenzten Anzahl von Tweets ist daher im Handumdrehen erledigt.
Starten Sie hier mit Twitter Feed Pro!
Befolgen Sie dann die nachstehenden Anweisungen, um das Plugin zu installieren und die Anzahl der Tweets in Ihrem Twitter-Widget zu begrenzen.
Schritt 1: Smash Balloon Twitter Feed Pro Plugin installieren
Der erste Schritt ist, sich das Twitter Feed Pro Plugin von hier zu holen.
Sobald Sie das getan haben, installieren und aktivieren Sie das Plugin einfach auf Ihrer Website. Wenn Sie ein wenig Hilfe benötigen, können Sie dieser Anleitung folgen, um zu lernen , wie man ein WordPress-Plugin installiert.
Damit können Sie zu Schritt 2 übergehen und mit der Erstellung von Twitter-Feed-Widgets beginnen.
Schritt 2: Erstellen Sie einen neuen Twitter-Feed
Mit Twitter Feed Pro können Sie ganz einfach neue Feeds erstellen.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zum Menü Twitter-Feed " Alle Feeds .
Klicken Sie dann oben auf die Schaltfläche Neu hinzufügen.
Schauen wir uns nun die Art des Feeds an, den Sie auf Ihrer WordPress-Website anzeigen möchten. Dieses Plugin kommt mit 6 verschiedenen Feed-Typen, die Ihnen helfen, verschiedene Twitter-Widget-Beispiele auf Ihrer Website anzuzeigen:
- Benutzer-Zeitleiste: Dies ist der Standard-Feed, der auf Ihrer Website angezeigt wird. Er listet Tweets aus Ihrer Hauptnutzer-Timeline auf. Wenn Sie möchten, können Sie einen beliebigen Twitter-Benutzer eingeben, um einen Feed mit seinen Tweets anzuzeigen.
- Hashtag: Mit dieser Option können Sie Tweets anzeigen, die einen bestimmten Hashtag enthalten.
- Startseite Zeitleiste: Dieser Feed-Typ zeigt Tweets aus Ihrer Timeline und von Personen, denen Sie folgen.
- Suchen: Verwenden Sie hier die erweiterte Suchfunktion von Twitter, um einen vollständig zugeschnittenen Feed anzuzeigen.
- Erwähnungen: Sie können diesen Feed-Typ verwenden, um Tweets anzuzeigen, die Ihr X-Handle mit @ erwähnen.
- Listen: Sie können die ID einer Twitter-Liste eingeben, um Tweets von Nutzern der Liste in Ihrem Feed anzuzeigen.
Klicken Sie auf den von Ihnen gewählten Futtermitteltyp und dann auf Weiter , um zum nächsten Schritt zu gelangen.
In diesem Tutorial verwende ich die Hashtag-Option, da ich in unserem Beispiel-Twitter-Widget einen gebrandeten Hashtag anzeigen möchte.
Danach können Sie zu Schritt 3 übergehen und Ihr Twitter-Konto mit Ihrem neuen Feed verbinden.
Schritt 3: Verbinden Sie Ihr X (Twitter)-Konto
Der nächste Schritt besteht darin, das Plugin mit Ihrem Twitter-Konto zu verbinden. Klicken Sie dazu auf die Schaltfläche Verbinden im Popup-Fenster.
Wenn Sie darauf klicken, öffnet sich Twitter, und Sie können dem Plugin Lesezugriff auf Ihr Konto gewähren.
Twitter Feed Pro nutzt diesen Zugang, um Twitter-Inhalte anzuzeigen, und hat nicht die Möglichkeit, irgendwelche Änderungen vorzunehmen. Es ist also völlig sicher, Twitter Feed Pro zu verwenden.
Um fortzufahren, klicken Sie auf dem Popup-Fenster auf die Schaltfläche App autorisieren.
Und schon haben Sie Ihr X-Konto (Twitter) mit diesem Plugin verbunden.
Um Ihren neuen Twitter-Feed einzurichten, können Sie nun eine Quelle hinzufügen. Diese Quelle kann eine Benutzer-Timeline, ein Hashtag, eine Twitter-Liste oder etwas anderes sein, das Sie anzeigen möchten.
Für diesen Artikel gebe ich den Hashtag "KEEB_PD" als Quelle an.
Sobald Sie die Quelle eingegeben haben, klicken Sie auf die Schaltfläche Weiter .
Als Nächstes werden Sie von Twitter Feed Pro aufgefordert, eine Vorlage für Ihren neuen Feed auszuwählen. Hier können Sie aus 7 einzigartigen Designs wählen, darunter Mauerkarten, ein einfaches Karussell, ein Showcase-Karussell und mehr.
Meine Lieblingsvorlage für den Twitter-Feed ist das einfache Karussell, aber für dieses Beispiel wählen wir einfach Standard.
Um fortzufahren, wählen Sie eine Vorlage aus der Liste und klicken Sie auf Weiter.
Wie Sie sehen, ist es mit Twitter Feed Pro ganz einfach, Twitter-Feeds zu erstellen und Ihr Konto zu verbinden.
Jetzt ist es Zeit für Schritt 4, in dem Sie die Anzahl der Tweets begrenzen können, die Sie auf Ihrer Website einbetten möchten.
Schritt 4: Begrenzen Sie die Anzahl der Tweets in Ihrem Twitter-Feed
Sie können jetzt auswählen, wie viele Tweets Sie in Ihrem Twitter-Widget anzeigen möchten. Das geht ganz einfach mit dem Twitter Feed Pro Plugin.
Jetzt sehen Sie Ihren neuen Twitter-Feed im Live-Feed-Editor geöffnet. Auf der linken Seite des Bildschirms sehen Sie alle Anpassungsoptionen, wie Feed-Layout, Farbschema, Kopfzeilenstil, Follow-Button und vieles mehr.
Auf der rechten Seite finden Sie eine Live-Vorschau Ihres Twitter-Feeds, so dass Sie die Änderungen in Echtzeit verfolgen können.
Um zu beginnen und die Anzahl der Tweets zu begrenzen, klicken Sie auf die Schaltfläche Feed-Layout auf der linken Seite.
Auf der linken Seite finden Sie das Feld Anzahl der anzuzeigenden Tweets.
Geben Sie in dieses Feld ein, wie viele Tweets Sie in Ihrem Widget anzeigen möchten.
Klicken Sie anschließend auf Speichern , um Ihre Änderungen zu bestätigen.
Auf diese Weise können Sie die Anzahl der Tweets in Ihren Twitter-Feeds ganz einfach begrenzen. Lassen Sie uns nun weitermachen und Ihren neuen Twitter-Feed fertig einrichten.
Schritt 5: Passen Sie Ihr Twitter-Widget an
Sehen wir uns nun an, wie Sie das Design und Layout Ihres Twitter-Widgets anpassen können. Dazu können Sie einfach den Live-Feed-Editor verwenden.
Um loszulegen, können Sie mit der Layout-Option auf der linken Seite zwischen 3 verschiedenen Feed-Layouts wählen: Liste, Karussell oder Masonry.
Mit dem Listenlayout werden Ihre Tweets in einer einzigen Spalte nacheinander angezeigt. Daher kann dieses Layout die Tweets so anzeigen, wie sie auf Twitter erscheinen.
Möchten Sie viele Tweets auf einmal anzeigen? Das Masonry-Layout verwendet viele Spalten, um Ihre Tweets zu zeigen, so dass Sie eine Menge Inhalte leicht zeigen können.
Schließlich kann das Karussell-Layout den Inhalt in einem schönen Twitter-Karussell-Slider zeigen, der Ihre Website interaktiver macht.
Klicken Sie auf die Schaltfläche Speichern , wenn Sie mit Ihrem Layout zufrieden sind.
Wenn Sie weitere Gestaltungsoptionen wünschen, können Sie oben auf die Schaltfläche Anpassen klicken und zu den Hauptoptionen zurückkehren.
Klicken Sie nun auf die Option Farbschema auf der linken Seite, um mit der Einrichtung der Farben für Ihren Twitter-Feed zu beginnen.
Um die Farbauswahl zu vereinfachen, bietet Twitter Feed Pro 4 Farbschemata, aus denen Sie auswählen können:
- Vom Thema erben: Verwenden Sie die Farben Ihrer Website, damit Ihr Feed zu Ihrem Branding passt.
- Hell: Wählen Sie einen hellen Look mit hellem Hintergrund und dunkler Schriftfarbe
- Dunkel: Stattdessen wird ein dunkles Aussehen mit dunklem Hintergrund und heller Schriftfarbe angezeigt.
- Benutzerdefiniert: Wählen Sie manuell alle Farben selbst aus
Wählen Sie hier das Farbschema für Ihren Twitter-Feed aus und klicken Sie dann auf die Schaltfläche Speichern .
Danach können Sie Ihren Twitter-Feed mit unserem einfachen Live-Feed-Editor weiter anpassen. Sie können den Stil der Kopfzeile, das Design der Tweet-Box, den Stil der Schaltflächen, die Größe des Feeds und vieles mehr festlegen.
Denken Sie daran, auf Speichern zu klicken, um Ihre Änderungen zu bestätigen, bevor Sie fortfahren.
Jetzt können Sie diesen Twitter-Feed ganz einfach in Ihre Website einbetten.
Schritt 6: Fügen Sie Ihr Twitter-Widget zu Ihrer Website hinzu
Mit Twitter Feed Pro können Sie Ihren Twitter-Feed auf 2 verschiedene Arten einbetten:
- Fügen Sie Ihr Twitter-Widget zu einer WordPress-Seite hinzu
- Fügen Sie Ihr Twitter-Widget in eine WordPress-Seitenleiste oder Fußzeile ein
Schauen wir uns an, wie diese beiden Methoden funktionieren:
Fügen Sie Ihr Twitter-Widget zu einer WordPress-Seite hinzu
Sind Sie bereit, loszulegen?
Klicken Sie zunächst auf die Schaltfläche Einbetten in der oberen rechten Ecke.
Nun wird ein Popup-Fenster angezeigt, in dem Sie den Speicherort Ihres neuen Twitter-Feeds auswählen können.
Um fortzufahren, klicken Sie auf die Schaltfläche Zu einer Seite hinzufügen .
Sie können nun eine Liste Ihrer WordPress-Seiten auf dem Popup sehen.
Wählen Sie einfach Ihre Seite aus der Liste aus und klicken Sie auf die Schaltfläche Hinzufügen .
Sobald Sie dies getan haben, öffnet das Twitter Feed Pro-Plugin diese Seite im WordPress-Editor.
Um mit dem Einbetten Ihres Feeds zu beginnen, suchen Sie nach dem Plus-Symbol (+) am oberen Rand und klicken Sie es an.
Nachdem Sie auf das Plus-Symbol (+) geklickt haben, sehen Sie eine Liste der verfügbaren WordPress-Blöcke und eine Suchleiste. Geben Sie in der Suchleiste "twitter" ein und klicken Sie auf den Twitter-Feed-Block .
Wenn Sie mit Ihrer Seite zufrieden sind, klicken Sie auf die Schaltfläche Veröffentlichen. In der Vorschau der Seite sehen Sie Ihr Twitter-Widget mit einer begrenzten Anzahl von Tweets live auf Ihrer Website.
Sehen wir uns nun an, wie Sie diesen Twitter-Feed zu Ihren Widget-Bereichen hinzufügen können.
Fügen Sie Ihr Twitter-Widget in eine WordPress-Seitenleiste oder Fußzeile ein
Es ist auch möglich, ein Twitter-Widget in die Seitenleiste oder Fußzeile von WordPress einzufügen.
Außerdem können Sie dies auch mit dem Live-Feed-Editor tun.
Um Ihren Twitter-Feed im Live-Feed-Editor zu öffnen, navigieren Sie zunächst in Ihrem WordPress-Dashboard zu Twitter-Feed " Alle Feeds .
Klicken Sie auf dieser Seite auf den Twitter-Feed, den Sie einbetten möchten.
Sie können jetzt Ihren Twitter-Feed im Live-Feed-Editor sehen.
Klicken Sie wie zuvor auf die Schaltfläche " Einbetten" oben, um den Feed zu Ihrer Website hinzuzufügen.
Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie aufgefordert werden, den Standort Ihres Twitter-Feeds auszuwählen.
Klicken Sie zunächst auf die Option Zu einem Widget hinzufügen in dem Popup.
Danach wird Twitter Feed Pro die Widgets-Seite Ihrer WordPress-Website öffnen.
Um mit der Verwaltung der Widgets in Ihrer Seitenleiste zu beginnen, klicken Sie auf die Option Seitenleiste .
Für eine weitere Option können Sie stattdessen auf die Option Fußzeile klicken.
Für dieses Tutorial werden wir die WordPress-Seitenleiste verwenden.
Klicken Sie dann auf das Pluszeichen (+) , um ein neues Widget hinzuzufügen. Suchen Sie dann das Twitter-Feed-Widget, um den Feed in Ihre Seitenleiste oder Fußzeile einzufügen.
Wenn Sie zu Ihrer Hauptwebsite navigieren, sehen Sie Ihr Twitter-Feed-Widget. Und da Sie die Anzahl der angezeigten Tweets begrenzt haben, nimmt es nicht allzu viel Platz ein.
Wie Sie sehen, ist es mit diesem Plugin ganz einfach, die Anzahl der Tweets zu begrenzen und den Feed zu Ihrer Website hinzuzufügen.
Als Nächstes sehen wir uns an, wie Sie das Gleiche tun können, ohne ein Plugin zu verwenden.
Wie man Tweets in einem Twitter-Widget manuell begrenzt
Sie können Tweets natürlich auch manuell in einem Twitter-Widget einschränken, insbesondere wenn Sie das Timeline-Widget von Twitter verwenden. Um diese Methode zu verwenden, müssen Sie jedoch den Code des Widgets manuell bearbeiten.
Das kann eine ziemlich beängstigende Aufgabe sein, wenn Sie nicht technisch versiert sind, denn es gibt viele Möglichkeiten, wie das Ganze schief gehen kann. Die manuelle Begrenzung der Anzahl von Tweets in einem Twitter-Widget hat im Vergleich zur Verwendung eines Plugins mehrere Nachteile, die wir im Folgenden näher erläutern werden.
- Die manuelle Begrenzung von Tweets in Ihrem Twitter-Feed ist nicht so einfach wie mit einem Plugin. Sie müssen den Code manuell bearbeiten, was verwirrend sein kann. Wenn Sie ein Plugin wie das von Smash Balloon verwenden, können Sie alles ohne Programmieraufwand erledigen.
- Wenn Sie Twitter manuell in Ihre Website einbetten, bleibt Raum für Fehler. Sie können Teile des Codeschnipsels verlegen, einen Schritt im Prozess vergessen usw. Mit einem Twitter-Feed-Plugin gibt es nichts, worüber man den Überblick verlieren könnte!
- Wenn Sie einen Einbettungscode verwenden, der dem offiziellen Twitter-Widget ähnelt, haben Sie nur wenig Spielraum, um sein Aussehen zu verändern. Das Widget für benutzerdefinierte Twitter-Feeds bietet jedoch zahlreiche Möglichkeiten, das Design Ihres Feeds nach Ihren Wünschen zu gestalten.
- Manuelle Twitter-Feed-Einbettungen bieten auch keine Möglichkeit, Ihren Feed zu filtern, um bestimmte Inhalte anzuzeigen. Mit einem Plugin hingegen können Sie Feeds nach Hashtags, Suchbegriffen und mehr filtern.
Und schließlich steht hinter dem Twitter Feed Pro Plugin ein engagiertes Expertenteam, das Ihnen bei jedem Hindernis zur Seite steht.
Mit einer manuellen Zuführung sind Sie auf sich allein gestellt.
Um die oben genannten Probleme zu vermeiden, empfehlen wir die einfache Möglichkeit, Tweets in WordPress mit Hilfe eines Plugins zu begrenzen.
Wenn Sie jedoch trotz der Tücken kein Plugin verwenden möchten, können Sie den Einbettungscode für das Twitter-Timeline-Widget folgendermaßen bearbeiten.
Um Tweets im Widget manuell zu begrenzen, können Sie das Attribut in Ihrem Link z. B. auf data-tweet-limit= "3" setzen.
Hier sehen Sie, wie der Einbettungscode am Beispiel von Smash Balloon's Twitter aussehen würde:
<a class="twitter-timeline" data-lang="en" data-dnt="true" data-tweet-limit="3" href="https://twitter.com/smashballoon">Tweets by SmashBalloon</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">
Fügen Sie nun den Einbettungscode an der Stelle ein, an der Sie ihn auf Ihrer Website anzeigen möchten, und verwenden Sie dabei Ihre eigenen Twitter-Kontodaten.
Da haben Sie es!
Wir hoffen, dass Sie in diesem Artikel erfahren haben, wie Sie die Anzahl der Tweets in einem Twitter-Widget ganz einfach begrenzen können. Jetzt müssen Sie Ihr Publikum nur noch mit Ihren besten Twitter-Inhalten begeistern.
Sind Sie bereit, Twitter Widgets einzubetten, über die Sie die volle Kontrolle haben? Starten Sie noch heute mit Twitter Feed Pro!