How to Embed a Tweet on Your WordPress Post

26th Dec 2012 | Posted by Eko S. | No Comments

When you think of Twitter integrated with your WordPress site, you probably think of your Twitter feed as a widget on the side of your page. But do you know that you can now, quickly and easily, reference a particular tweet, by embedding it in your blog post?

In the past, you may have tried doing this by ‘print-screening’ the tweet and adding it as an image in the post. No doubt you’ve dissed the powers that be, for making this an overly long and difficult process, especially since critical functionality like retweeting isn’t possible from an image on a page. Well, that has changed, (WordPress version 3.4 onwards), and you can now embed tweets directly on your WordPress blog post. And what about all that extra functionality? It’s available too. The visitors to your site can now reply, retweet and favourite your tweets on that page directly, as well as follow you or anyone else who is mentioned in your tweet. All the hyperlinks work too. And this is why we love WordPress.

How to embed a tweet in your post

Step #1:
Copy the url to the tweet (not the Twitter profile). This is available by clicking on the time stamp of the tweet.

You will be taken to a page for that particular tweet. Copy the url that is in the address bar.

Step #2:
Now, in your blog post, paste the URL on a new line. Make sure that the URL is placed on a separate line and is in plain text, not hyperlinked (i.e. blue underlined text, that normally indicates that the text is a link to something).

Step #3:
Preview your page and that’s it. Your tweet should look like the image below on the page.

How to embed a tweet in your post, using shortcodes

It is also possible to embed tweets using shortcodes. You can control the appearance of your tweet with a few simple commands. Here are a few.

• Display a tweet – use the shortcode ‘tweet’, followed by the url of the tweet. For e.g. [tweet https://twitter.com/...]
• Display a Tweet in a specific width – use the shortcode ‘tweet’, followed by the url of the tweet and specific width. For e.g. [tweet https://twitter.com/ width='x']
• Align a Tweet to the left, right, or center – use the shortcode ‘tweet’, followed by the url of the tweet and the alignment. For e.g. [tweet https://twitter.com/ align='right']

NOTE: For WordPress versions that are older than 3.4, you can use the Twitter Embed plugin to make the tweets appear as the image above.

- Written by Susan -

She is with blogVault, a Premium WordPress Backup Service.