WordPress Twitter widget

Programming, Wordpress, ,

I’ve been wanting to dip my foot into WordPress widgets for while so when I noticed Twitter didn’t have a WordPress widget I decided to write one. Of course, I’m not the first.

The widget makes use of Twitter’s Javascript ‘badge’. It’s not sophisticated and there’s only 3 configuration options: Twitter account name, widget title and number of updates you want shown.

It saves you having to paste the code into your page and gives you a nice interface for changing the display options.

Installation

  1. Download the WordPress Twitter widget from WordPress.org.
  2. Unzip the downloaded file and upload/copy ‘twitter-widget.php‘ to your ‘/wp-content/plugins/widgets/‘ folder.
  3. Activate the ‘Twitter‘ plugin in your WordPress’ Plugins admin.
  4. Drag the ‘Twitter‘ widget to the sidebar in your WordPress’ Widgets admin.
  5. Configure the widget with your Twitter account name, widget title and number of updates you want shown.
  6. Save Changes and you’re done!

Thanks go to Mike Jolley for his handy widget tutorial.

Update – 2007-12-19

The widget is now hosted on WordPress.org. Thanks guys.

Also gotta send some love to the guys (and girls) that write Subversion, Aptana and Subclipse.

176 thoughts on “WordPress Twitter widget”

  1. Just to let you know that this works on WP 2.3.1 . . . any way to get the URLs to link?

    If it also could handle long URLs so they didn’t go out of the margin in my sidebar, like wrap them around, this plug in would be brilliant.

    Thanks!

  2. Works for me on 2.4-bleeding (latest Subversion checkout). Just a note–you don’t have to copy the PHP file into wp-content/plugins/widgets; just extracting it into the plugins folder made it show up in the admin interface, and I was able to add it to the sidebar from there.

  4. Pingback: Twitter Widget_Wordpress plugin

  5. Is there any way to install this without using widgets? I’m not sure what the code is supposed to be to insert it into the sidebar.php

  7. Pingback: Twitter | Arnaud ROBAIL, The Blog
  8. Pingback: EightyOne.ch
  9. Pingback: 12?Twitter???Wordpress?? | ????
  13. Pingback: Mike’s Blog » Blog Archive » twitter plugin
  14. Pingback: It’s an online life - Blogging - Finalint
  15. Pingback: efremigio » Blog Archive » Plugins para tunear Wordpress
  16. Pingback: 12?Twitter???Wordpress?? | WFan's Blog

  18. Yes, the widget relies on the API being available. Note, however, that javascript must also be enabled on your browser.

  19. Pingback: ???????WordPress Widget | ?????
  21. Pingback: ????Twitter????? | ?????
  22. Pingback: best 100 Twitter tools
  23. Pingback: En.nicuilie.eu Blogs » Top 1000 WordPress Plugin Authors
  24. Pingback: Integrate Your Blog and Twitter | BloggerDesign from TopRank Online Marketing
  25. Pingback: Ways To Integrate Twitter Into Your Blog | Shaun Low
  26. Pingback: twitter???? | ????
  27. Pingback: hugeawesome.com » Building hugeawesome.com
  28. Pingback: New plugins | Data-stitches
  29. Pingback: Twitter Sharts - WP Plugin Archive

  30. Hey there,

    Thanks for the plugin.

    Can you tell me how to customize the look and feel of this widget, i want to change the li details of this.

  31. You can customize the addon by adding CSS to your theme’s CSS.

    The content is built with javascript so to view the generated code you can use either Firefox’s “Web Developer” toolbar function “View Generated Source” or the Mouseover DOM Inspector.

  32. Pingback: Thinks to Keep » Blog Archive » Twitter & Wordpress
  33. Pingback: PT Ubuntu Blog » Blog Archive » ???WordPress Twitter ??
  34. Pingback: Twitter your blog - it’s a blessing in disguise | SEM Wisdom

  36. Thanks Mitch.

    Maybe updating the link in the docs will prompt me to complete the changes to the widget I’ve been working on for ages 😉

  37. Pingback: Carpe Diem Noctemque » Luchtig thema…

  38. Hi Sean. Thanks for the widget. We are getting an error “Undeclared entity warning at line 275, column 1” when we add the widget. When we remove the twitter widget, it disappears. Any ideas what the problem may be?

  39. Pingback: Twitter Plugins for Wordpress | Website Designers and Webmasters
  40. Pingback: Research11 » Twitter Updater from WordPress

  42. Is there a way to put the widget is several sidebars? The add button disappears when added to a sidebar.

  44. If you copy the HTML that is generated by the javascript you can place that HTML anywhere and you’ll end up with two badges. You need something like Web Developer toolbar for Firefox to view generated source.

  45. Pingback: Cnotes » Blog Archive » Revisting twitter

  46. I like your Twitter Widget plugin, but it ‘delay’ the rendering of my page. I have a sugestion. Could you put the ‘scripts’ at the end of the body? If you want i can send to you my own modifications.

  47. Pingback: Anfänger Anleitung: Wordpress Tuning
  49. Pingback: Yes, it are! » ????? ????? ?? ??????? ??????? ?????? ??????? ?????

  50. Hi there! Thanks for the widget. 🙂 It’s great, except for one little thing. When I upgraded to the latest version of WP, it stopped working. It now takes a while to try to load my updates from twitter, but eventually leaves me with an empty box. It’s been like this for a couple of weeks now. Any idea why this might be happening?

    Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.