Bourn Creative

Transforming Businesses into Extraordinary Brands

  • Portfolio
  • Services
  • About
  • Praise
  • Contact
  • Blog
  • Start Your Project
Twitter Widget To WordPress
standard icon

How to Add the Official Twitter Widget to Your Website

February 18, 2012 Brian Bourn

**Updated June 15, 2013**

This post has been updated to reflect the recent Twitter API changes that has stopped the previous code from working. The updated tutorial below will get you back on track!

twitter-widget-sm When building custom WordPress websites and custom WordPress themes for our clients, we are often asked to integrate their Twitter feed into the website sidebar. Many personal brands like to display their Twitter feed in the sidebar to bring more dynamic content into their site, promote their Twitter feed and get new followers, and show the value they provide with their tweets.

We love WordPress plugins, but I prefer to keep them to a minimum when simple code is available, so I’m happy to report that adding Twitter to your website can be accomplished quickly without using a WordPress plugin by instead using the official Twitter widget. The Twitter widget can also be used non-WordPress sites. Only the final implementation on your website will be different.

Here are instructions on how to create your official Twitter widget:

  1. Navigate to this page and click on “create new” to start building your Twitter widget
      
    twitter-widget1
  2. Once you create the widget you can now select your options.
      
    twitter-widget2
  3. After you choose your timeline source and options, just click the “create widget” button and Twitter will generate a preview for you and then supply the code you can use just below the preview window. Copy and paste this code into a plain text file and save it.
      
    twitter-widget3

Now that you have generated the official Twitter Widget code, the next step is to add it to your website. In a WordPress site, simply log in, go to the widgets screen and either add a new text widget to your sidebar and paste in the Twitter code, or add the Twitter code to an existing text widget and click save.

Once you save the changes to your text widget, take a look at your site to see how it looks. If your new Twitter widget is a little off or if you want to change the appearance of it, you will need to dive into the Twitter developer documentation to get it just right.

Twin Design / Shutterstock.com

TwitterFacebookLinkedIn

Category: WordPress Tips & Resources Tags: Twitter, Web Design, WordPress, WordPress Plugins

Subscribe To Our Blog & Never Miss A Thing

Sign up to get new our latest posts and announcements delivered straight to your inbox. Seriously, at this point, what’s one more email?

About Brian Bourn

Chief Executive · UX Designer · Developer

Strong with the Force, is he... an excellent CEO he makes. As Bourn Creative's fearless leader, Brian manages the business, team, and day-to-day operations. He is also lead organizer of the Sacramento WordPress Meetup group and co-organizer for WordCamp Sacramento.

Brian is a designer at heart who leads the UX design and development on all company projects, building the interactions between websites and visitors, and site managers and the WordPress admin. With hundreds of thousands of lines of code under his belt, Brian specializes advanced WordPress development and custom themeing with the Genesis Framework.

Discover What We Can Do For You

Have a project you think we'll like? Click the button below and tell us about it.

We love working with enthusiastic clients who are as passionate about their business as we are about strategy, design, and development. If that sounds like you, we should talk.

Start Your Project

Bourn Creative

  • Follow Us On Twitter
  • Like Us On Facebook

Copyright © 2021 Bourn Creative, LLC. All Rights Reserved.

Privacy | Disclaimer