Tumblr is among the most well liked social media platforms on the planet, in particular inside of the USA. This platform provides a very simple technique to proportion microblogs and media, and it’s simplest 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 how one can embed Tumblr publications in WordPress the usage of the Tumblr embed block. We’ll talk about how one can configure the block’s settings, and pass over a number of guidelines that will help you proportion Tumblr content material successfully.

Let’s get to it!

Upload the Tumblr Embed Block to Your Put up or Web page

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

Irrespective of what form of Tumblr content material you wish to have to embed in WordPress, the method works a lot the similar. Pass to any Tumblr web page and make a selection the newsletter you wish to have to embed. Click on at the “extra choices” icon subsequent to the web page’s identify, and make a selection the Reproduction hyperlink choice:

Copying a Tumblr's publication URL

The hyperlink will have to glance one thing like this:

https://instance.tumblr.com/put up/60705920/link-example

Save this URL for now, and pass to the WordPress admin house. Open the Block Editor for the web page or put up the place you wish to have to embed the Tumblr newsletter, and make a selection the choice so as to add a brand new block. Search for the Tumblr choice and click on on it:

Adding a Tumblr block in WordPress

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

Embedding a Tumblr publication in WordPress

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

An embedded Tumblr post in WordPress

Then again, you’ll be able to pass forward and paste the URL for any public Tumblr 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 non-public put up, which WordPress gained’t be capable of embed.

Tumblr Embed Block Settings and Choices

Configuring the Tumblr embed block will have to simplest take a minute or two (and even much less). Should you mouse over the block, you’ll see a easy formatting menu that incorporates the next choices:

  1. Transfer the block for a special component.
  2. Alternate the block’s alignment.
  3. Edit the Tumblr URL you put in the past.

The Tumblr block's formatting menu

If you wish to have get right of entry to to further settings for the Tumblr block, make a selection it and click on at the equipment icon at the top-right nook of the editor display screen. That can open a brand new settings menu to the appropriate, which incorporates choices for automated block resizing and adding new CSS classes:

The Tumblr block's settings menu

The “resizing” choice makes the Tumblr block responsive, which means that the component will resize to fit smaller screens with out forcing customers to scroll sideways to peer it in its entirety. As for added CSS categories, you’ll be able to use them to customise the block’s taste if you happen to’re now not happy with its default glance.

Pointers and Best possible 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. Then again, you can just remember to permit the Resize for smaller gadgets atmosphere, so any posts that you just import will likely be responsive on cellular gadgets:

A responsive Tumblr post in WordPress

Take into account that customers gained’t be capable of see Tumblr sharing choices, hashtags, or Like button in the event that they’re gaining access to your website online from smaller gadgets. Then again, the core content material of every Tumblr newsletter gained’t disappear:

A frontend example of the Tumblr embed block

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

Steadily Requested Questions Concerning the Tumblr Embed Block

Even though the Tumblr block is really easy to make use of, chances are you’ll nonetheless have some questions on the way it works. This segment will solution 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 non-public newsletter. That suggests WordPress gained’t be capable of embed the content material in your website online. If the newsletter is yours, you’ll be able to make it public. Another way, you’ll be able to search for another newsletter on any other Tumblr weblog.

Can I Embed Content material from Any Tumblr Weblog?

The Tumblr block lets you embed posts from any weblog. So long as the ones posts are public, you’ll be able to proportion them in your WordPress site. The block robotically comprises the account’s identify and a Apply choice, which means that you don’t want to concern about attribution.

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

Should you’re the usage of a smartphone or any other software with a small display screen, WordPress will robotically resize Tumblr posts. When that occurs, WordPress hides a couple of portions of the Tumblr 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 screen.


Tumblr is an eclectic mixture of movies, pictures, memes, GIFs, and nearly each and every different type of media you’ll be able to consider, all in a microblogging structure. Having the ability to embed Tumblr posts in WordPress is an improbable manner to bring life to your personal pages and posts. Because of the Tumblr embed block, doing so is remarkably easy.

All you want to do to make use of the block is to get the URL for the Tumblr put up you wish to have 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 Apply and Like buttons, sharing choices, captions, and hashtags for the whole Tumblr revel in.

Do you’ve gotten any questions on how one can use the Tumblr embed block? Let’s discuss them within the feedback segment beneath!

Featured Symbol by way of Julia Tim / shutterstock.com

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

WordPress Web Design

[ continue ]