Have you ever seen a “Latest Tweets” widget in a blogger’s sidebar?
These are widgets that show a blogger’s latest activity on Twitter. It connects to Twitter and automatically updates every time the blogger sends out a new tweet.
If you want that widget on your WordPress.org website, you can get it. It’s pretty simple to set up and completely free.
- The simple, pain-free way to get a Twitter widget on WordPress. Click to Tweet
- Thanks @AuthorMedia for teaching me how to set up a Twitter widget on my site! Click to Tweet
- Who knew it could be this easy to get a Twitter widget on WordPress? Click to Tweet
Step 1: Log in to your Twitter account
Step 2: Go to Settings
Click on the settings “wheel” in the upper-right hand corner, then click on “settings.”
Step 3: Click on “Widgets”
This is the bottom link in the list on the left-hand side of the page.
Step 4: Click on “Create New”
This button is toward the upper-right hand corner of the screen.
Step 5: Configure the widget
- Username: Make sure your Twitter username is in this field.
- Options: You can exclude @ replies from the widget and/or choose to auto-expand any pictures attached to tweets. Check the boxes if you want these, leave them unchecked if you don’t.
- Height: The default is 600 px, which will show approximately 3 tweets at a time.
- Theme: You have two options, light or dark. Light will give the widget a white background, dark will give it a dark gray background.
- Link color: If you want to color-coordinate the links with your site, you can do so here.
Step 6: Click “Create Widget”
This is what your screen will look like. The HTML code you’ll need is below the widget preview.
Step 7: Copy the HTML
The HTML should already be highlighted. Just click Ctrl+C on a PC or Command+C on a Mac.
Step 8: Go to the “Widgets” are of your WordPress dashboard
This is under the “Appearance” tab of the left-hand menu.
Step 9: Add a text widget
If you’re unsure how to do this, check out our post How to Create A Custom Widget in WordPress. Follow the directions under Step 2, pasting the widget code that you copied.
Step 10: Click “Save”
Voilá! You now have a functioning Twitter widget in your sidebar! Make sure to double-check how it looks on your site–you may want to go back and tweak its size. To do that, just find the part of the code the says height=”600″ and/or width=”450″ (numbers may be different) and replace the numbers in between the quotation marks with higher or lower numbers.
Do you use a Twitter widget on your site? Any tips or suggestions?