An embedded Twitter Feed on the Wordpress site is one of the most popular requests ITG receives! The AI Twitter Widget, which does involve a handful of specific steps, is one of the easiest ways to accomplish this.
Please note - you will need to be comfortable with manipulating Widgets and have an understanding of Wordpress sidebar organization. If not, please contact ITG for assistance to set this up.
Setting up your AI Twitter Widget
- On the blog where you want to set up your Twitter Feed, go to your Dashboard, then choose Plugins from the menu on the left.
- Under the Social Category (or if you just scroll down a bit) you will see AI Twitter Feeds (Twitter Widget & Shortcode). Activate this plugin.
- Now, from the menu, go to Appearance and choose Widgets from its submenu.
- On your Widgets page, Available Widgets are listed alphabetically on the left, while then the Sidebar(s) the widgets can be added to are listed on the left.
- AI Twitter Widgets will be right up at the top of the list, so just grab and drag it over to your sidebar of choice.
- Now to get into the AI Widget Settings. Within the sidebar, toggle the arrow to expand the AI Twitter Feeds settings.
- Click on More Settings. This will open the AI Twitter Feed Options page.
- Next, click on Twitter API link at the top of the page. This brings you to the Developers page of Twitter, because as a WordPress blogger, yes you are actually dabbling a bit in web development. The lines blur more each year.
- With the Twitter API site, you will be creating an "App" that will provide you with all the information needed on that page:
- Consumer Key
- Consumer Secret
- Access Token
- Access Token Secret
- On the Twitter API page, log in with your Twitter account credentials. (Please note - you are merely signing into a different part of Twitter.)
- Now you are on the “My Applications” page. You will be creating a new app, so go ahead and click on the “Create A New App” button.
- All creating a new Application does is generate the settings required for your blog to pull in Twitter feeds in a safe, efficient way
- Name the Application anything you want! “Twitter Widget for Class Blog” would be perfect, for example.
- Give it a description. “Setting up a Twitter Widget within WordPress using Twitter’s dev tools – for the first time! Chyeah!”
- Now the website. Go ahead and paste the URL of your blog. This is very important – make sure it’s correct! i.e. http://fall14jr220-…
- You do not have to fill out the Callback URL. Leave it blank.
- Check off that you Agree to the Developer Rules of the Road.
- Enter the CAPTCHA, and hit “Create your Twitter application.”
- This generates the Application, and now you have almost all the information you need!
- On the Application’s page, click on “Create My Access Token” down the bottom.
- Now, while that Token is being created, you can start copying and pasting the OAuth Settings from that page to the backend of your blog. Yes, you will copy over that crazy string of characters.
- You will need to enter:
- Your Twitter Screen(user) Name or Hashtags/keywords. Stick with a username for now.
- Consumer Key (from API)
- Consumer Secret (from API)
- Access Token (from API)
- Access Token Secret (from API - also, you may have to refresh the page for these two Access Tokens to appear.)
- Also, make the number of tweets in Settings matches the number of tweets in the Widget. (You can ignore the custom CSS)
- Then hit Save Settings!
A Twitter Feed should now be in your sidebar! If not, check your spelling and copy/paste Application codes. Also just know – if you want to have more than one twitter feed, just drag over the AI Twitter Widget from the Available Widgets area to the sidebar! This is a widget that allows you to have multiple instances of it.
Note: if you are using the Live Blogging plugin in tandem with AI Twitter Feeds, you must activate/set up the Twitter plugin first!