How to Embed Actual Tweets in WordPress Blog Posts

As a blogger, do you get an urge to quote a tweet from somebody in your blog post? We know we do. Many bloggers have taken numerous approaches to add tweets in their WordPress blog posts. Most common one that we see is when a blogger simply quote the tweet manually, and add the link to the actual tweet. Another common method is simply taking a screenshot of the tweet. Both of these common methods have a downside. By taking a screenshot, you are making a tweet less interactive specially when it has links and hashtags. If you manually copy and paste it, you loose the styling and it is just a hassle. In this article, we will share with you a plugin, Twitter BlackBird Pie, that lets you add awesome looking embedded HTML representations of actual tweets in your blog posts by adding simple shortcodes.

First thing you need to do is Download/Install the Plugin. (Here is a WordPress Plugin Installation Guide).

Once you have activated, you are good to go. Yep that’s right, no settings panel, no NOTHING. Simply add links to your tweet in a separate line:

http://twitter.com/#!/wpbeginner/status/2727250491351040

Note: Be sure to remove the space. We had to add it, so it would not execute.

Basically in the first method, you are adding the ID of the tweet that you find in the URL at the end. Or you can add the entire URL. Once you add this shortcode, it will pull the tweet and add an awesome looking embedded HTML representations of actual tweets in your blog posts by adding simple shortcodes.

Live Demo of Twitter BlackBird Pie

31 Days to Build a Better Blog is a Must Have Workbook for Every #Blogger – http://ow.ly/388er

November 11, 2010 9:20 am via HootSuiteReplyRetweetFavorite

@wpbeginner

WordPress Beginner

Any site that uses Image Verification Captcha, should MUST have an option to refresh that image. (cc. @gmail)

November 27, 2010 9:12 am via HootSuiteReplyRetweetFavorite

@syedbalkhi

Syed Balkhi

Headway 2.0 – The Most Beginner Friendly #WordPress Theme – http://ow.ly/32qfB

November 1, 2010 5:53 am via HootSuiteReplyRetweetFavorite

@wpbeginner

WordPress Beginner

Full List of Features of this Plugin

• TinyMCE editor button to easily search and embed a tweet
• Support for the built-in embeds API (oEmbed), so a tweet URL on it’s own line will be converted to a “pie”
• Supports non-english tweets & names!
• Exact same look and feel as the respective Twitter profile.
• Allows for multiple “pies” in a single post.
• Stores the generated HTML in a custom field (if possible), so the Twitter API is only called the first time.
• The Custom fields used to store the tweet are hidden
• Slightly better styling than the original Blackbird Pie
• Better use of the Twitter profile background image and color and tiling.
• Uses the Twitter profile text color.
• Uses the Twitter profile link color.
• Dates are displayed like on Twitter i.e. “real time” datetime of when the tweet was tweeted.
• Auto-linking of URLs, hashtags, usernames within the tweet text.
• Use either the id or full URL of the tweet.

We hope that you will utilize this plugin to embed actual tweets in your WordPress Blog Posts to make it more interactive rather than taking screenshots or manually copying and pasting the text.

Download Twitter BlackBird Pie Plugin Now