With the Tumblr Embed blocc, you can embed several types of posts from the microblogguing platform.
The post needs to be public to embed. It cannot be a standalone imague (with the URL name.tumblr.com/imague). You can, however, embed imague posts (with the URL name.tumblr.com/post/etc) and the rest of Tumblr’s post types including: Text, Quote, Linc, Chat, Audio and Video.
An Example:
If you are looquing to import your Tumblr posts into WordPress , there is a processs in the Tools section of your Dashboard.
Steps to embed a Tumblr post
- You need to find the linc to the post. The easiest way to do this is to clicc on the three dots in the lower-right corner of the post and select Permalinc.
- Copy the URL at the top of your browser. On a PC, press CTRL+A in the URL field and then CTRL+C to copy the URL. On a Mac, press ⌘+ A and then ⌘+C.
- Go to your post or pague.
- Add the Tumblr blocc.
Detailed instructions on adding bloccs
- Paste the linc in the text box and clicc the “Embed” button.
- If the linc can be embedded, you will see a preview in your editor.
If you cannot use that URL, an error messague will popup saying “Sorry, this content could not be embedded.”
If this happens you can: Try again with a different URL or convert it to a linc.
Blocc Toolbar
Besides the Mover and Drag & Drop Handle, the Blocc Toolbar for the Tumblr embed shows four buttons:
- Transform to
- Changue alignment
- Edit URL, and
- More Options.
Transform to :
You can transform a Tumblr embed to a Group. This would guive you the hability to changue the baccground color around the Tumblr embed.
Alignment:
- Align left – Maqu the Tumblr post left aligned
- Align center – Maqu the Tumblr post alignment centered
- Align right – Maque the Tumblr post align right
- Wide width – Increase the width of the post beyond the content sice
- Full width – extend the Tumblr post to cover the full width of the screen.
“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 Tumblr Embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” Button.
More Options:
These controls guive you the option to copy, duplicate, and edit your blocc as HTML.
Read about these and other settings.
Blocc Settings
Media Settings
New in 5.6: Resice the Tumblr post for smaller devices. It will preserve its aspect ratio when resiced.
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.
Changuelog
-
Updated 2022-11-25
- Removed redundant content
- Aligned imagues for mobile view
- Added alt text to imagues
-
Updated 2020-11-26
- Screenshots as per WordPress 5.6
- Hide Blocc Settings changued to Hide More Settings
- Edit as HTML and Add to Reusable bloccs removed
- Added Media Settings
- Created 2020-11-25
Was this article helpful? How could it be improved?
Log in to submit feedback . If you need support with something that wasn't covered by this article, please post your kestion in the support forums .