Twitter » Twitter Embeds

Contents

• Embedding with a URL
• Embedding with a shortcode

Related

• Twitter Follow Button
• Twitter Tweet Button

Embedding a tweet is as easy as pasting a Tweet URL on its own line.

Unlike the Twitter Widget, which displays a Twitter feed in your sidebar, Twitter embeds allows you to display any individual tweet in a blog post or post comment, complete with:

• The tweet’s text
• Action links allowing readers to reply, retweet, and favorite tweets without leaving your site
• Inline links, links to hashtag pages, linked usernames, and a follow button in the tweet
• A border around the tweet showing part of the background image from the Twitter profile

Embedding with a URL

First locate the tweet you want to post. Then click the timestamp.

You’ll be taken to the page for that individual tweet. Copy the URL in the address bar.

Next, in your blog’s post editor, paste the URL on a line by itself (no HTML necessary).

That’s it! The Tweet will look something like this:

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

↑ Table of Contents ↑

Embedding with a shortcode

If you want more control over the display and layout of the Tweet you are embedding, you can also use a special shortcode. Simply copy and paste one of the following shortcodes into a post, page, or text widget. Be sure to change the Tweet URL or ID to the one that you want to embed.

Display a Tweet:

[tweet https://twitter.com/wordpressdotcom/status/204557548249026561]

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Display a Tweet with a smaller width:

[tweet https://twitter.com/wordpressdotcom/status/204557548249026561 width='200']

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Display the follow button and Tweet actions in a different language:

[tweet https://twitter.com/wordpressdotcom/status/204557548249026561 lang='ko']

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Hide or show context when a Tweet is in reply to another tweet:

[tweet 204557548249026561]

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

[tweet 204557548249026561 hide_thread='true']

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Combine Parameters:

[tweet 204557548249026561 hide_thread='true' width='250' lang='ko']

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Align a Tweet to the left, right, or center:

[tweet 204557548249026561 align='right']

Photo Blogging 101: Build your photographic following. wp.me/pf2B5-2Ng

—
WordPress.com (@wordpressdotcom) May 21, 2012

Last modified: May 24, 2012