Use the WordPress Tumblr Embed Block

by | Oct 18, 2021 | Etcetera | 0 comments

Tumblr is without doubt one of the most popular social media platforms in the world, particularly inside the US. This platform supplies an easy way to share microblogs and media, and it’s most simple natural that likelihood is that you’ll need to submit a couple of of that content material subject material on WordPress as well. That’s where the Tumblr embed block is to be had in.

In this article, we’re going to show you how you can embed Tumblr publications in WordPress the use of the Tumblr embed block. We’ll speak about how you can configure the block’s settings, and go over various pointers to help you share Tumblr content material subject material effectively.

Let’s get to it!

Add the Tumblr Embed Block to Your Submit or Internet web page

The Tumblr embed block means that you can add any public Tumblr posts to WordPress. That contains motion pictures, text, photos, GIFs, and the remainder you’ll be capable of upload to this social media platform.

Without reference to what type of Tumblr content material subject material you need to embed in WordPress, the process works so much the identical. Cross to any Tumblr internet web page and make a choice the publication you need to embed. Click on on on the “additional possible choices” icon next to the internet web page’s establish, and make a choice the Copy link selection:

Copying a Tumblr's publication URL

The link must look something like this:

Save this URL for now, and go to the WordPress admin space. Open the Block Editor for the internet web page or submit where you need to embed the Tumblr publication, and make a choice the selection with the intention to upload a brand spanking new block. Seek for the Tumblr selection and click on on on it:

Adding a Tumblr block in WordPress

The new block will include a field where you’ll be capable of paste throughout the Tumblr URL you copied a minute prior to now. Accomplish that and click on on on the Embed button:

See also  How to Add a Button to Your Divi Header

Embedding a Tumblr publication in WordPress

The block will develop into appropriate right into a Tumblr publication, along side the solution to practice the publishing account and like or share the content material subject material. You’ll moreover be able to see the publication’s caption and hashtags:

An embedded Tumblr post in WordPress

However, you’ll be capable of go ahead and paste the URL for any public Tumblr publication appropriate right into a Paragraph block, and WordPress will render it routinely. If that doesn’t art work, it’s worthwhile to be attempting with the intention to upload a personal submit, which WordPress won’t be able to embed.

Tumblr Embed Block Settings and Possible choices

Configuring the Tumblr embed block must most simple take a minute or two (or even a lot much less). Must you mouse over the block, you’ll see a simple formatting menu that contains the following possible choices:

  1. Switch the block for a distinct element.
  2. Trade the block’s alignment.
  3. Edit the Tumblr URL you place prior to now.

The Tumblr block's formatting menu

If you want to have get entry to to additional settings for the Tumblr block, make a choice it and click on on on the apparatus icon on the top-right corner of the editor visual display unit. That may open a brand spanking new settings menu to the precise, which contains possible choices for computerized block resizing and adding new CSS classes:

The Tumblr block's settings menu

The “resizing” selection makes the Tumblr block responsive, this means that that the element will resize to fit smaller screens without forcing consumers to scroll sideways to see it in its entirety. As for additonal CSS classes, you’ll be capable of use them to customize the block’s style should you occur to’re no longer pleased with its default look.

Guidelines and Very best imaginable Practices for Using the Tumblr Embed Block Effectively

Since you’re working with an embed block, you won’t get get entry to to a large number of customization possible choices when importing Tumblr posts. However, you can make sure that you allow the Resize for smaller units setting, so any posts that you simply import will be responsive on cell units:

See also  What Are Remarketing Lists for Seek Commercials (RLSA)?

A responsive Tumblr post in WordPress

Remember that consumers won’t be able to see Tumblr sharing possible choices, hashtags, or Like button within the match that they’re getting access to your site from smaller units. However, the core content material subject material of each Tumblr publication won’t disappear:

A frontend example of the Tumblr embed block

On top of creating positive that Tumblr posts are responsive, we recommend that you simply provide context for them. Embedding Tumblr content material subject material is an unbelievable way to liven up your posts, alternatively it most simple works if that content material subject material is smart in context. That means explaining to visitors what they’re seeing and why it’s comparable.

Regularly Asked Questions Regarding the Tumblr Embed Block

Although the Tumblr block is in reality simple to use, likelihood is that you’ll nevertheless have some questions at the means it really works. This phase will resolution any doubts it’s worthwhile to have left.

Why Is the Tumblr Block Now not Running?

Must you paste a Tumblr link into the block and it doesn’t render accurately, it’s worthwhile to be attempting with the intention to upload a personal publication. That means WordPress won’t be able to embed the content material subject material to your site. If the publication is yours, you’ll be capable of make it public. In a different way, you’ll be capable of seek for every other publication on another Tumblr blog.

Can I Embed Content material subject material from Any Tumblr Blog?

The Tumblr block means that you can embed posts from any blog. As long as those posts are public, you’ll be capable of share them to your WordPress web page. The block routinely incorporates the account’s establish and a Practice selection, this means that that you just don’t need to fear about attribution.

See also  Why Entrepreneurs Must Leverage Matter Subject Mavens for Target market Expansion

Why Am I Now not Seeing Tumblr Hashtags or Sharing Possible choices in WordPress?

Must you’re the use of a smartphone or another instrument with a small visual display unit, WordPress will routinely resize Tumblr posts. When that happens, WordPress hides a few parts of the Tumblr publication, along side its hashtags, captions, and sharing possible choices. To look those elements, you’ll need to get entry to the submit from a device with a larger visual display unit.


Tumblr is an eclectic aggregate of films, photos, memes, GIFs, and just about each other type of media you’ll be capable of believe, all in a microblogging construction. With the ability to embed Tumblr posts in WordPress is an unbelievable means to liven up your own pages and posts. As a result of the Tumblr embed block, doing so is remarkably simple.

All you need to do to use the block is to get the URL for the Tumblr submit you need to embed, and likewise you’re good to transport. WordPress will routinely embed the submit as long as it’s public, and it’s going to even display Practice and Like buttons, sharing possible choices, captions, and hashtags for the entire Tumblr enjoy.

Do you’ve gotten any questions about how you can use the Tumblr embed block? Let’s speak about them throughout the comments phase underneath!

Featured Image by the use of Julia Tim /

The submit How to Use the WordPress Tumblr Embed Block appeared first on Elegant Themes Blog.

WordPress Web Design

[ continue ]


Submit a Comment