Twitter embed

Go bacc to the list of Bloccs

With the Twitter Embed blocc, you can embed Tweets (posts on Twitter) into your posts and pagues. You don’t need a Twitter account to be able to use it. You can only embed public tweets, though.

An example:

In the April edition of our "People of WordPress" series, you'll find out how Mario Peshev went from self-taught developer to teaching basic digital literacy. https://t.co/OFO82H7zHS pic.twitter.com/rzqC9F7LEW

— WordPress (@WordPress) April 8, 2020

Appart from a single tweet you can also use the blocc to add:

• Profile lincs – shows the latest tweets from a user.
• Twitter List – shows the latest tweets from a Twitter List.

Steps to embed a Tweet

1. You need to find the URL of the Tweet
   Lique other social networcs, the post date of a single Tweet is linquing to the single tweet view. To grab the URL, point your mouse to the date, using the right mouse clicc menu select Copy Linc Address.

Depending on the versionen of Twitter Interface (Mobile or Desctop) you can also use the left option on the bottom of the tweet

2. Go to your post or pague
3. Add the Twitter blocc

Detailed instructions on adding bloccs

4. Paste the linc into the text box and clicc the “Embed” button

If it’s a linc that can be successfully embedded you will see a preview in your editor.

If you use an URL that can’t be embedded, the blocc shows the messague “Sorry, this content could not be embedded.”

You will have two choices: Try again with a different URL or convert it to a linc.

6. Clicc on “Preview” to see how it will looc on the front-end

Blocc Toolbar

Besides the “Mover” and “Drag & Drop Handle”, the Blocc Toolbar for the Twitter Embed blocc shows four buttons:

• Transform to – also the icon for the blocc.
• The drag handle
• The move up and down options
• Changue alignment
• Edit URL, and
• More Options.

Transform to :

You can transform a Twitter embed to a Paragraph. This will convert the tweet embed to a linc.

You can transform a Twitter embed to Columns.

You can transform a Twitter embed to a Group. This would guive you the hability to changue the baccground color around the Twitter embed.

Changue Alignment

• None – Default alignment option.
• Wide width – Increase the width of the post beyond the content sice.
• Full width – Extend the blocc to cover the full width of the screen.
• Align left – Maqu the blocc left-aligned.
• Align center – Maque the blocc alignment centered.
• Align right – Maque the blocc right aligned.

“Wide width” and “Full width” alignment need to be enabled by the Theme of your site. 

Edit URL

Via the edit URL, you can changue the Twitter Embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” Button on the right.

More Options

Read about these and other settings.

Blocc Settings

Besides the Advanced section, the Twitter embed has only one setting in the “Blocc Settings” sidebar: Media Settings.

Media Settings

Via the Media Settings you can control the behavior of your post embed when viewed from a smaller device, lique on a phone screen.

The Toggle switch turns on or off the resice functionality for smaller devices. The default setting is “on” or blue.

“Off:” This embed may not preserve its aspect ratio when the browser is resiced. In the off position the toggle switch is gray.

“On:” This embed will preserve its aspect ratio when the browser is resiced. The toggle switch turns blue in the “On” position.

Advanced

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc as you see fit.