How to Use the WordPress Tumblr Embed Block

by | Oct 18, 2021 | Etcetera | 0 comments

Tumblr is among the hottest social media platforms on the earth, specifically inside america. This platform provides a very simple technique to percentage microblogs and media, and it’s best herbal that chances are you’ll wish to put up a few of that content material on WordPress as smartly. That’s the place the Tumblr embed block is available in.

On this article, we’re going to turn you easy methods to embed Tumblr publications in WordPress the usage of the Tumblr embed block. We’ll talk about easy methods to configure the block’s settings, and cross over a number of guidelines that will help you percentage Tumblr content material successfully.

Let’s get to it!

Learn how to Upload the Tumblr Embed Block to Your Submit or Web page

The Tumblr embed block allows you to upload any public Tumblr posts to WordPress. That comes with movies, textual content, pictures, GIFs, and the rest you’ll add to this social media platform.

Without reference to what form of Tumblr content material you need to embed in WordPress, the method works a lot the similar. Cross to any Tumblr web page and choose the e-newsletter you need to embed. Click on at the “extra choices” icon subsequent to the web page’s identify, and choose the Reproduction hyperlink possibility:

Copying a Tumblr's publication URL

The hyperlink must glance one thing like this: up/60705920/link-example

Save this URL for now, and cross to the WordPress admin space. Open the Block Editor for the web page or put up the place you need to embed the Tumblr e-newsletter, and choose the choice so as to add a brand new block. Search for the Tumblr possibility and click on on it:

Adding a Tumblr block in WordPress

The brand new block will come with a box the place you’ll paste within the Tumblr URL you copied a minute in the past. Accomplish that and click on at the Embed button:

See also  How to Design Icon Buttons with Divi’s Icon Module

Embedding a Tumblr publication in WordPress

The block will change into right into a Tumblr e-newsletter, together with the strategy to apply the publishing account and prefer or percentage the content material. You’ll additionally be capable of see the e-newsletter’s caption and hashtags:

An embedded Tumblr post in WordPress

However, you’ll cross forward and paste the URL for any public Tumblr e-newsletter right into a Paragraph block, and WordPress will render it robotically. If that doesn’t paintings, you could be making an attempt so as to add a personal put up, which WordPress gained’t be capable of embed.

Tumblr Embed Block Settings and Choices

Configuring the Tumblr embed block must best take a minute or two (and even much less). Should you mouse over the block, you’ll see a easy formatting menu that comes with the next choices:

  1. Transfer the block for a special part.
  2. Exchange the block’s alignment.
  3. Edit the Tumblr URL you place up to now.

The Tumblr block's formatting menu

If you need get right of entry to to further settings for the Tumblr block, choose it and click on at the equipment icon at the top-right nook of the editor display. That can open a brand new settings menu to the precise, which contains choices for computerized block resizing and adding new CSS classes:

The Tumblr block's settings menu

The “resizing” possibility makes the Tumblr block responsive, this means that the part will resize to fit smaller screens with out forcing customers to scroll sideways to look it in its entirety. As for extra CSS categories, you’ll use them to customise the block’s taste in the event you’re now not glad with its default glance.

Pointers and Perfect Practices for The use of the Tumblr Embed Block Successfully

Because you’re operating with an embed block, you gained’t get get right of entry to to numerous customization choices when uploading Tumblr posts. Alternatively, you can just be sure you permit the Resize for smaller units atmosphere, so any posts that you just import might be responsive on cellular units:

See also  A Information to Revolutionary Internet Programs

A responsive Tumblr post in WordPress

Needless to say customers gained’t be capable of see Tumblr sharing choices, hashtags, or Like button in the event that they’re gaining access to your web page from smaller units. Alternatively, the core content material of each and every Tumblr e-newsletter gained’t disappear:

A frontend example of the Tumblr embed block

On peak of making sure that Tumblr posts are responsive, we propose that you just supply context for them. Embedding Tumblr content material is an implausible technique to liven up your posts, nevertheless it best works if that content material is sensible in context. That implies explaining to guests what they’re seeing and why it’s related.

Steadily Requested Questions In regards to the Tumblr Embed Block

Despite the fact that the Tumblr block is so easy to make use of, chances are you’ll nonetheless have some questions on the way it works. This segment will resolution any doubts you could have left.

Why Is the Tumblr Block No longer Operating?

Should you paste a Tumblr hyperlink into the block and it doesn’t render correctly, you could be making an attempt so as to add a personal e-newsletter. That implies WordPress gained’t be capable of embed the content material for your web page. If the e-newsletter is yours, you’ll make it public. Differently, you’ll search for an alternate e-newsletter on some other Tumblr weblog.

Can I Embed Content material from Any Tumblr Weblog?

The Tumblr block allows you to embed posts from any weblog. So long as the ones posts are public, you’ll percentage them for your WordPress site. The block robotically comprises the account’s identify and a Observe possibility, this means that you don’t want to fear about attribution.

See also  Why You Need a WordPress Maintenance Plan

Why Am I No longer Seeing Tumblr Hashtags or Sharing Choices in WordPress?

Should you’re the usage of a smartphone or some other instrument with a small display, WordPress will robotically resize Tumblr posts. When that occurs, WordPress hides a couple of portions of the Tumblr e-newsletter, together with its hashtags, captions, and sharing choices. To peer the ones components, you’ll want to get right of entry to the put up from a tool with a bigger display.


Tumblr is an eclectic mixture of movies, pictures, memes, GIFs, and nearly each and every different type of media you’ll believe, all in a microblogging structure. With the ability to embed Tumblr posts in WordPress is an implausible means to bring life to your individual pages and posts. Because of the Tumblr embed block, doing so is remarkably easy.

All you wish to have to do to make use of the block is to get the URL for the Tumblr put up you need to embed, and also you’re just right to move. WordPress will robotically embed the put up so long as it’s public, and it’s going to even show Observe and Like buttons, sharing choices, captions, and hashtags for the overall Tumblr revel in.

Do you might have any questions on easy methods to use the Tumblr embed block? Let’s speak about them within the feedback segment underneath!

Featured Symbol by way of Julia Tim /

The put up How to Use the WordPress Tumblr Embed Block gave the impression first on Elegant Themes Blog.


Submit a Comment