Twitter Feed Pro in Aktion sehen

Wie man Twitter-Feeds in WordPress hinzufügt

Ich werde Ihnen also nur einen kurzen Überblick über das Custom Twitter Feeds Pro WordPress Plugin geben und Ihnen einige der Dinge zeigen, die es tun kann.

Verbinden Sie Ihr Twitter-Konto

Ich installiere also einfach das Plugin und gehe zum Menü Twitter Feeds hier auf der linken Seite. Alles, was Sie tun müssen, um das Plugin einzurichten, ist, ein Access Token und ein Secret von Twitter zu erhalten.

Dazu müssen Sie nur auf die Schaltfläche "Anmelden" klicken. 

Loggen Sie sich in Ihr Twitter-Konto ein und ermächtigen Sie das Plugin, Ihre Daten zu lesen. Das Plugin sendet dann Ihr Twitter Access Token und Secret zurück.

Und wenn Sie eine Twitter-Entwickler-App eingerichtet haben, können Sie Ihre eigenen App-Informationen verwenden, indem Sie dieses Feld markieren.

Auswählen Ihres Twitter-Feed-Typs

Jetzt müssen Sie nur noch entscheiden, welche Art von Tweets Sie anzeigen möchten. Das können Sie jetzt: 

• Zeigen Sie Tweets eines beliebigen Twitter-Kontos an, indem Sie hier einfach den Bildschirmnamen eingeben 
• Fügen Sie mehr als 1 Twitter-Konto hinzu, wenn Sie Feeds kombinieren möchten.
• Anzeige eines Hashtag-Feeds entweder von 1 Hashtag oder von mehreren Hashtags.

Sie können auch Suchen erstellen, die Tweets auf der Grundlage bestimmter Kriterien und Suchbegriffe anzeigen.

Sie können zum Beispiel einfache Wörter, Phrasen oder Erwähnungen verwenden. Oder Sie können spezifischer werden und nur Tweets anzeigen, die sowohl eine bestimmte Phrase als auch ein Bild enthalten.

Und Sie finden eine vollständige Liste aller verfügbaren Suchoptionen auf unserer Website.

Sie können auch wählen, ob Sie die Tweets aus Ihrer eigenen Timeline oder nur Tweets, in denen Sie erwähnt werden, anzeigen möchten. 

Wenn Sie verschiedene Feed-Typen zu einem einzigen Feed kombinieren möchten, z. B. einen Nutzer-Timeline- und einen Hashtag-Feed, dann folgen Sie einfach den Anweisungen hier, wie das geht.

Im Moment werde ich nur Tweets von einem unserer Smash Balloon Twitter-Konten.

Vorschau auf Ihren Twitter-Feed

Ich kann also entweder den Feed sofort anpassen oder ich kann einfach den benutzerdefinierten Twitter-Feed-Shortcode hierher kopieren und in einen beliebigen Beitrag, eine Seite oder ein Widget einfügen, in dem der Feed angezeigt werden soll.

Wenn ich mir also die Seite ansehe, sehen Sie, dass der Twitter-Feed angezeigt wird. Standardmäßig wird der Feed also in einer Spalte angezeigt. 

Aber wie Sie gleich sehen werden, wenn ich die Einstellungen anpasse, ist jeder Teil des Feeds vollständig anpassbar, von der Art der angezeigten Inhalte bis hin zum Layout und dem Styling aller Elemente. 

Sie werden sehen, dass Sie mehrere Fotos in einem Tweet anzeigen können, und wenn ich einen Link teile, ruft das Plugin die Metainformationen dieser URL dynamisch ab und erstellt einen visuellen Twitter-Kartenlink.

Und wenn ich auf ein Foto oder ein Video klicke, öffnet sich ein Popup-Fenster und ich kann durch die einzelnen Elemente blättern. 

Es gibt eine vollständige HTML5-Videounterstützung sowie Unterstützung für Drittanbieterdienste wie YouTube, Vimeo, Vine und Soundcloud.

Und am unteren Rand jedes Leuchtkastens sehen Sie weitere Informationen. Und ich kann den Tweet in verschiedenen sozialen Netzwerken teilen oder ihn direkt auf Twitter ansehen.

Ich kann den Tweet auch beantworten, retweeten oder mögen, ohne meine Website zu verlassen. 

Der Feed ist außerdem vollständig reaktionsfähig, sodass er sich an die Größe Ihres Bildschirms anpasst. Er ist vollständig Touchscreen-kompatibel und funktioniert auf allen verschiedenen mobilen Geräten.

Wenn ich also auf die Einstellungsseite des Plugins zurückkehre, kann ich Ihnen zeigen, wie einfach es ist, dies anzupassen.

Anpassen Ihres Twitter-Feeds

Als Erstes füge ich also ein paar verschiedene Benutzerkonten hinzu und stelle die Anzahl der Tweets auf 50 ein. Dann gehe ich auf die Seite "Anpassen" und ändere ein paar Dinge.

Es gibt also einige grundlegende Einstellungen zur Steuerung der Breite und Höhe des Feeds. Das kann ich jetzt: 

• Wählen Sie, welche Teile der Tweets angezeigt werden sollen
• Wählen Sie, ob die Kopfzeile und die Schaltfläche "Mehr laden" angezeigt werden sollen.
• Anzeige der Tweets in einem rotierenden Karussell
• Wählen Sie die Anzahl der Spalten im Karussell zusammen mit den anderen Anpassungsoptionen. 
• Zeigen Sie den Feed in mehreren Spalten an und wählen Sie die Anzahl der Spalten aus, die auf Desktop- oder Mobilgeräten verwendet werden sollen.
• Wählen Sie diese Option, um weitere Tweets automatisch zu laden, wenn ich zum unteren Ende des Feeds scrolle.

Ich kann auch wählen, ob ich die Tweets in meinem Feed filtern möchte. Sie können also auswählen, dass nur die Tweets angezeigt werden, die bestimmte Wörter oder Hashtags enthalten, oder Sie können alle Tweets entfernen, die bestimmte Wörter oder Hashtags enthalten.

So haben Sie mehr Kontrolle darüber, welche Tweets angezeigt werden, und können den Feed im Voraus automatisch moderieren, um bestimmte Wörter, Hashtags oder Phrasen zu blockieren.

Außerdem können Sie bei Bedarf bestimmte Tweets im Feed ausblenden. Außerdem gibt es hier einige Abschnitte für Ihr eigenes CSS und JavaScript.

Auf der Registerkarte "Stil" finden Sie einige Optionen zur Gestaltung der verschiedenen Teile des Feeds. Sie können: 

• Einstellen der Hintergrundfarben
• Anpassen der Kopfzeile und Festlegen des zu verwendenden benutzerdefinierten Textes
• Formatieren Sie das Datum vollständig, indem Sie eine unserer integrierten Optionen wählen
• Verwenden Sie Ihr eigenes Datumsformat
• Übersetzen Sie die Textzeichenfolgen, die im Datum verwendet werden.
• Anpassen des Tweet-Autors und des Tweet-Textes
• Übersetzen Sie die Textzeichenfolgen, die das Plugin verwendet.
• Deaktivieren Sie alle Links im Tweet
• Verlinken Sie den gesamten Text des Tweets mit dem Beitrag auf Twitter.
• Die Antwort-, Retweet- und Like-Optionen am Ende eines jeden Beitrags gestalten
• Ändern Sie den im Twitter-Link verwendeten Text
• Wählen Sie die für die Schaltfläche "Mehr laden" verwendeten Farben
• Ändern oder übersetzen Sie den Text auf der Schaltfläche

Wenn ich die Änderungen speichere und zurückkehre, um den Feed anzuzeigen, können Sie sehen, dass die Anpassungen übernommen wurden. 

Wir haben also Tweets von allen 3 Twitter-Konten in einem dreispaltigen Masonry-Layout angezeigt. 

Und wenn ich nach unten scrolle, werden automatisch weitere Tweets geladen, wenn ich das untere Ende des Feeds erreiche. 

Außerdem ist das Masonry-Layout komplett responsive und wird auf mobilen Geräten zu einer Spalte.

Benutzerdefinierte Shortcodes verwenden

Eine weitere großartige Funktion des Plugins besteht darin, dass Sie mehrere verschiedene Feeds entweder auf derselben Seite oder auf Ihrer gesamten Website anzeigen und für jeden Feed individuelle Einstellungen vornehmen können.

Standardmäßig verwenden die Feeds die Einstellungen auf den Registerkarten "Konfigurieren", "Anpassen" und "Stil" des Plugins. Sie können jedoch jede dieser Einstellungen mit den praktischen Shortcode-Optionen des Plugins überschreiben.

Und Sie können einfach eine Einstellung direkt in den Shortcode einfügen, die diese Einstellung für diesen speziellen Feed überschreibt. 

Wenn ich also auf meine WordPress-Widgets-Seite gehe, kann ich das integrierte Custom Twitter Feeds Widgetverwenden, und der Standard-Shortcode wird automatisch hinzugefügt. Und standardmäßig wird dies die Einstellungen aus dem Plugin-Einstellungen Seiten anzeigen, aber ich kann diese mit einigen der Shortcode-Optionen überschreiben.

Ich werde also einen Shortcode einfügen, den ich bereits vorbereitet habe, und das wird:

• Anzeige von Tweets von beiden, dem Bildschirmnamen "Twins" und dem Hashtag "#MNTwins" im selben Feed
• Setzen Sie die Anzahl der Tweets auf 5
• Deaktiviert das Layout der Mauersäulen
• Aktiviert das Karussell und die Autoplay-Einstellung
• Ausgewählt, um die Kopfzeile anzuzeigen
• Ausschluss der Medien und der Twitter-Karten
• Legen Sie die Hintergrundfarbe auf ein helles Grau fest.

Und ich werde eine zweite Einspeisung hinzufügen, und diese wird: 

• Verwenden Sie einige Suchparameter, um nur Tweets anzuzeigen, die das Wort "Sonnenuntergang" enthalten
• Zeigen Sie nur Tweets an, die Medien enthalten, wie z. B. Fotos und Videos.
• Deaktivieren Sie das Mauerwerkslayout wieder
• Legen Sie für die Kopfzeile den Text "Sonnenuntergänge" fest.
• Setzen Sie die Höhe auf 400 Pixel
• Legen Sie die Anzahl der Tweets auf 5 fest.

Wenn wir uns die Seite also noch einmal ansehen, werden Sie sehen, dass diese 2 neuen Feeds hinzugefügt wurden. Der obere Feed zeigt ein Karussell von Tweets von beiden, dem "Twins"-Konto und dem Hashtag "#MNTwins". 

Ich könnte einfach durch die Tweets scrollen und am Ende mehr laden. Und es ist ohne die Medien und die Twitter-Karten und hat eine hellgraue Hintergrundfarbe. 

Der zweite Feed besteht aus Tweets, die das Wort "Sonnenuntergang" enthalten und zusätzlich entweder ein Bild oder ein Video beinhalten. Wie wir sehen können, wurde dem Feed eine Höhe von 400 Pixeln hinzugefügt, so dass automatisch eine Bildlaufleiste eingefügt wurde. 

Wenn wir nach unten scrollen, können Sie sehen, dass weitere Tweets automatisch geladen werden.

Wir hoffen, dass Sie einen Eindruck davon bekommen haben, wie vielseitig und anpassungsfähig dieses Plugin ist, und dass wir Ihnen einige der Möglichkeiten aufgezeigt haben, die Sie mit ihm nutzen können.

Probieren Sie unbedingt Ihren eigenen Benutzernamen, Hashtag oder Suchbegriffe in der Demo auf unserer Website.

Und wenn Sie Fragen haben, können Sie sich einfach über unsere Website an uns wenden, Facebook-Seiteoder über @SmashBalloon auf Twitter.