Tips

WordPress Development

How to fix your broken Twitter stream widget on WordPress

June 12, 2013

Elisha Terada

By Elisha Terada

Many of you who own a WordPress website with a Twitter stream widget might have been impacted by the Twitter API 1.1 version update. Effective June 11th 2013, any code that utilized the older API will not be supported which results in an empty stream.

There are basically two options to solve this issue:

Option #1. Remove the widget and optionally replace it with something else.

This is actually a good option for those who no longer tweet and having the widget actually makes you look worse than not having one to being with. If you also don’t see much value in Twitter stream, this is a good time to just let go of that function and gain from time saving and improved website performance.

Option #2. Replace the old widget with new Twitter Widget

In our research we found the Display Tweets plugin developed by Matthew Ruddy which works with the new Twitter API 1.1 and is very easy to setup.

#1. Login to your WordPress and go to Plugins > Add New

#2. Search “Display Tweets” which should come up as first on list (by Matthew Ruddy), click “Install Now”. Once installed, click “Activate Plugin”

#3. Go to Settings > Twitter Feed

#4. Click “register an application here” link or visit http://dev.twitter.com/apps/new

#5. Login or make sure to login as Twitter account used on website to display tweets

#6. Type the following on input fields. [screenshot]

Name: [Company Nickname] Display Tweets
Description: Display twitter feeds on website
Website: [Your website URL]
Callback URL: (leave blank)

#7. Check on “Yes, I agree” and fill the CAPTCHA

#8. Once application is setup, copy and paste following back to Twitter Feed Configuration back on your website. [screenshot]

#9. Click “Create my access token”, and copy following back to Twitter Feed Configuration back on your website. [screenshot]

#10. On the Twitter Feed Configuration page on your website, change Screen name to your Twitter ID without @ symbol. [screenshot]

#12. Go to Appearance > Widgets, and open up the Widget section on far right and find the old Twitter widget.

#13. Just under that old Twitter Widget, drag and drop the new “Tweets” widget from left “Available Widgets”. [screenshot]

#14. Add any Widget title you want “Follow Us” etc and remove the old Widget

#15. Confirm the Tweets loading on website

Elisha Terada

Elisha Terada

You might also like...

18

Jun.

James Lorentson

Autocomplete: Varieties, Benefits & UX Best Practices

For just about everything besides scenic drives, people prefer shortcuts. And if a shortcut not only gets you there quicker but also takes you to a better destination, now that’s something! This is what autocomplete does. By giving users the option of completing words and forms based on what they’ve typed before, it shortcuts their … Continued

4

Dec.

Jirayu Yingthawornsuk (Jay)

Modernizing WordPress Development with Sage 9 – Part 3

In Part 1 and Part 2 of this series, we’ve covered Controller in Sage 9. According to MVC pattern (Model-View-Controller), in the ideal circumstance, Views and Controller will be completely separated which enables us to reuse Views more conveniently Imagine you are tailoring a website. There are parts that share the same HTML markup but use … Continued

1

Aug.

Jirayu Yingthawornsuk (Jay)

Modernizing WordPress Development with Sage 9 – Part 2

In the previous post, we introduced you to Sage 9, our choice when it comes to developing a WordPress theme from scratch. Sage 9 contains a ton of content and features that can help you modernize your WordPress development process. As we mentioned previously, Sage 9 utilizes the already-popular Blade Template Engine from Laravel. One of the … Continued