Twitter Timeline Widget
Twitter offers embeddable timelines that allow you to display any public Twitter feed onto your blog. These timelines are interactive, so readers can reply, retweet and favorite tweets straight from your blog or website.
Get Your Twitter Widget ID
First, go to Twitter and create your Twitter Widget. There, you can pick your color scheme and size your Twitter widget. Once you’re done, click “Save Changes.”
Your widget ID is the long number you see in the URL while editing your Twitter widget:
Copy this widget ID — you will need it to display your Twitter Timeline on your blog.
Twitter Timeline Widget
You can use our Twitter Timeline widget to put a timeline in your sidebar, or other widget area on your blog.
First, get your Twitter widget ID with the steps above. Then, you’re ready to add the widget:
Once you add the widget to your sidebar from the Appearance → Widgets page, you’ll see that the widget settings look like this:
- Title: Set a custom title to be displayed above the widget. Something like “I’m on Twitter” or “Recent Tweets”.
- Width: You can set a specific width (in pixels) for your timeline. If you set this to “0” then it will try to automatically fill your sidebar.
- Height: You can make your timeline taller or shorter by setting a height. The default is 400px which will normally show 2 or 3 of your most recent tweets (you can see the rest by scrolling).
- Widget ID: A unique number that identifies your widget with Twitter. See the above get your Twitter widget ID section on where to get this number.
- Layout Options: You can play around with these options to change how your timeline looks. Each one is a toggle so just check the box and click Save, then refresh your site to see how it looks.
- Link/Border Color: If you’d like to customize your timeline to match your theme better then you can enter the hex code for a color in these boxes.
- Timeline Theme: Twitter provides a dark and a light color theme for the timeline, so depending on your blog’s theme, you might want to change this.
Once you’re done setting your options, just click Save and you can refresh your site to see it in action.
Embedding with a Shortcode
You can also embed your Twitter Timeline on a post or page on your blog.
To insert the timeline into a WordPress.com post, paste the following shortcode into your post editor:Tweets by @yourhandle
In the shortcode, id is your Twitter widget ID and username is your twitter handle, without the @ symbol. (See the above get your Twitter widget ID section on where to get your widget ID.)
The shortcode will look something like this in your post:
The RSS Widget displays posts from any RSS feed. You might find this handy if you want to show off one of your other blogs, or one of your favorite blogs, in your sidebar.
Here’s an example of what it looks like:
Once you add the widget to your sidebar from Appearance -> Widgets, you’ll see that the widget settings look like this:
Enter the RSS feed URL here: You will need to get the RSS feed URL from the blog or web site you would like to display in the sidebar.
Some RSS examples:
- http://en.blog.wordpress.com/feed/ – WordPress.com news feed
- http://www.nytimes.com/services/xml/rss/nyt/Opinion.xml – New York Times Op-Ed headlines
- http://www.amazon.com/rss/tag/sci-fi/popular/ – Most popular Sci-fi products on Amazon
There are RSS feeds all over the web. To find the feed of a blog, Flickr stream, or whatever else, look for the standard feed icon, or the word “subscribe” or “feed”. Right (or control on a Mac) click and copy the URL – usually by using the “copy link” or “copy link location” option available.
- Give the feed a title: Set the title displayed above the feed items.
- How many items would you like to display?: Sets the number of entries from the feed to show on your sidebar.
- Display item content?: Check this box to show a brief excerpt from the post in addition to its title.
- Display item author if available?: Check this box to show the author’s name.
- Display item date?: Check this box to show the date the post was published.