Blocks

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.

The Twitter block can only be used for embedding individual tweets or unrolling contents from individual tweets or Twitter threads. Embedding a Twitter thread in its entirety without unrolling it is not supported at this time.

Table of Contents

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.


↑ Table of Contents ↑

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.


↑ Table of Contents ↑

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.


↑ Table of Contents ↑

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.

Twitter block toolbar options

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

To change the URL of the embedded tweet, click the Edit icon in the toolbar:


↑ Table of Contents ↑

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.

The block settings can be found in the sidebar.

↑ Table of Contents ↑

AMP Settings

These settings are shown only on sites with the Business and eCommerce plans 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.


↑ Table of Contents ↑

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.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Pages: 1 2 View All

Not quite what you're looking for?

Get Help