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.
IGA charge me 15c for a non-biodegradable plastic bag... but then pack small individusl broccoli on a plastic-wrapp… https://t.co/eTXRKZ16dx
The Aussie Government was kind enough to drop off 5 boxes of Banking Royal Commission reports earlier today. Since… https://t.co/3NVrgDIepA
About 3am I heard banging on my home office door. Turns out a cow gave birth just a few feet from where I was worki… https://t.co/SWzZzomqgX
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