List of All Blocks » Twitter Block
Use the Twitter block to embed tweets into your posts and pages. You can also pull all of the content from single tweets and Twitter threads, known as tweetstorms, directly into the draft of any page or post.
Watch a video on how to add a Twitter block below.
Adding a Twitter Block
To add the Twitter Block you can click the + Add Block button and search for “Twitter”. You can also type /twitter on a new line to find the block.
Detailed instructions on adding blocks can be found here.
Embedding a Single Tweet
When you insert the block, there is a field to enter the URL (aka link) to the tweet you want to embed. To find that link, go to Twitter and either copy the link on the date of the tweet, or click the down arrow at the top right of the tweet to find the “Copy Link to Tweet” option. Then paste that link in the block and click Embed.
Here’s a single tweet that is embedded with the Twitter block:
⚠️
Twitter also has an ‘Embed Tweet’ option with a code. This method is not supported. Simply use the link instead.
Pull Content from Single Tweets and Twitter Threads
You can pull the content from an individual tweet or entire Twitter thread, also known as a tweetstorm, into any page or post. After you insert the block, if you enter the URL of a tweet that is part of a thread, you can pull the content by clicking Unroll.
When you “unroll” a single tweet or tweetstorm (Twitter thread), all of the content will be converted into appropriate blocks.
Since WordPress.com doesn’t have any character limits, once you unroll your tweet or tweetstorm, you can then add additional texts, hyperlinks, media, etc. around the new content as you see fit.
Embedding a Twitter Feed
You can also use the Twitter block to embed a feed.
Here is an example of a Twitter feed:
Block Toolbar
To reveal the block toolbar, you can click on the block and the toolbar will display.
Each block has its own block-specific controls that allow you to manipulate the block right in the editor.
The Twitter block offers the following options in its toolbar:
- Alignment and width
- Align left
- Align middle
- Align right
- Wide width
- Full width
- Unroll
- More Options
📌
Once a block is placed inside a container like a Group block, the width setting on the nested block will no longer be available. Instead, the container (Group, Layout, etc.) defines the alignment of the content within. Ideally, you’ll want to think about the layout of your content and apply the width options to the container block before adding the content within.
To change the URL of the embedded tweet, click the Edit icon in the toolbar:
Block Settings
Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
AMP Settings
These settings are shown only on sites with plugins installed.
The AMP Settings for the Twitter block control how it will display on Accelerated Mobile Pages.
There is also a toggle option for AMP noloading. Enable this option if you want to hide the loading symbol that shows while loading the embed on the AMP page.
Advanced
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.
