If you’re looking to include a Twitter stream into your website, there’s no easier way of doing so via the Twitter widgets available on the Twitter website . While the Twitter widgets are rather generic in nature, there are some CSS options to add subtle styling. However, if you choose to completely customize the output of your feed the Twitter API ensures that you’re able to render your data in a manner completely to your liking.
The basic rendering returned with the shortcode of
[twitterstream count="4"] is displayed below. We’ve included a crude media dropdown blind and a basic interaction panel.
RT @flightorg: Qantas has released some funky air-to-air photographs and video of "Qoukka", its latest Boeing 787 (VH-ZNC). A Quokka, in ca…
Maybe we should arm parents to watch over teachers, and arm students to watch out for each other. Then put them all… https://t.co/bv4yBgjEGI
RT @CNN: Airbus took one big leap toward bringing a flying taxi to the public, flying its prototype Vahana aircraft for the first time http…
In reality you might add a nice jQuery blind for the media, use a lightbox to highlight video/image media, and style the tweets more convincingly. Consider this version as a blank canvas. If we were to use this code we’d likely include image thumbnails attached to each post (no blind).
We’ve defaulted the result to return your user_timeline but you could modify the function to return your
mentions_timeline, or a (7-day) search of tweets.
- Compliance with Twitter Display Requirements is required.
- Our feed caches results with Simple Cache. Required.
- Font Awesome is required to show the feed icons. If your theme doesn’t support FA by default, use the code here. Alternatively, you can use images from Twitter’s Display Requirements page.
Clients should log in to download the shortcode. Mailing list recipients would have received a link with a few stylistic variations on the theme.
Shortt URL for this post: http://shor.tt/1XP4