How to Use the WordPress Tumblr Embed Block

Posted on October 18, 2021 by in WordPress | 0 comments

How to Use the WordPress Tumblr Embed Block

Tumblr is one of the most popular social media platforms in the world, particularly within the US. This platform offers an easy way to share microblogs and media, and it’s only natural that you might want to publish some of that content on WordPress as well. That’s where the Tumblr embed block comes in.

In this article, we’re going to show you how to embed Tumblr publications in WordPress using the Tumblr embed block. We’ll discuss how to configure the block’s settings, and go over several tips to help you share Tumblr content effectively.

Let’s get to it!

How to Add the Tumblr Embed Block to Your Post or Page

The Tumblr embed block enables you to add any public Tumblr posts to WordPress. That includes videos, text, images, GIFs, and anything else you can upload to this social media platform.

Regardless of what type of Tumblr content you want to embed in WordPress, the process works much the same. Go to any Tumblr page and select the publication you want to embed. Click on the “more options” icon next to the page’s name, and select the Copy link option:

Copying a Tumblr's publication URL

The link should look something like this:

https://example.tumblr.com/post/60705920/link-example

Save this URL for now, and go to the WordPress admin area. Open the Block Editor for the page or post where you want to embed the Tumblr publication, and select the option to add a new block. Look for the Tumblr option and click on it:

Adding a Tumblr block in WordPress

The new block will include a field where you can paste in the Tumblr URL you copied a minute ago. Do so and click on the Embed button:

Embedding a Tumblr publication in WordPress

The block will transform into a Tumblr publication, including the option to follow the publishing account and like or share the content. You’ll also be able to see the publication’s caption and hashtags:

An embedded Tumblr post in WordPress

Alternatively, you can go ahead and paste the URL for any public Tumblr publication into a Paragraph block, and WordPress will render it automatically. If that doesn’t work, you might be trying to add a private post, which WordPress won’t be able to embed.

Tumblr Embed Block Settings and Options

Configuring the Tumblr embed block should only take a minute or two (or even less). If you mouse over the block, you’ll see a simple formatting menu that includes the following options:

  1. Switch the block for a different element.
  2. Change the block’s alignment.
  3. Edit the Tumblr URL you set previously.

The Tumblr block's formatting menu

If you want access to additional settings for the Tumblr block, select it and click on the gear icon on the top-right corner of the editor screen. That will open a new settings menu to the right, which includes options for automatic block resizing and adding new CSS classes:

The Tumblr block's settings menu

The “resizing” option makes the Tumblr block responsive, which means the element will resize to fit smaller screens without forcing users to scroll sideways to see it in its entirety. As for additional CSS classes, you can use them to customize the block’s style if you’re not satisfied with its default look.

Tips and Best Practices for Using the Tumblr Embed Block Effectively

Since you’re working with an embed block, you won’t get access to a lot of customization options when importing Tumblr posts. However, you can make sure that you enable the Resize for smaller devices setting, so any posts that you import will be responsive on mobile devices:

A responsive Tumblr post in WordPress

Keep in mind that users won’t be able to see Tumblr sharing options, hashtags, or Like button if they’re accessing your site from smaller devices. However, the core content of each Tumblr publication won’t disappear:

A frontend example of the Tumblr embed block

On top of ensuring that Tumblr posts are responsive, we recommend that you provide context for them. Embedding Tumblr content is a fantastic way to liven up your posts, but it only works if that content makes sense in context. That means explaining to visitors what they’re seeing and why it’s relevant.

Frequently Asked Questions About the Tumblr Embed Block

Although the Tumblr block is very easy to use, you might still have some questions about how it works. This section will answer any doubts you might have left.

Why Is the Tumblr Block Not Working?

If you paste a Tumblr link into the block and it doesn’t render properly, you might be trying to add a private publication. That means WordPress won’t be able to embed the content on your site. If the publication is yours, you can make it public. Otherwise, you can look for an alternative publication on another Tumblr blog.

Can I Embed Content from Any Tumblr Blog?

The Tumblr block enables you to embed posts from any blog. As long as those posts are public, you can share them on your WordPress website. The block automatically includes the account’s name and a Follow option, which means you don’t need to worry about attribution.

Why Am I Not Seeing Tumblr Hashtags or Sharing Options in WordPress?

If you’re using a smartphone or another device with a small screen, WordPress will automatically resize Tumblr posts. When that happens, WordPress hides a few parts of the Tumblr publication, including its hashtags, captions, and sharing options. To see those elements, you’ll need to access the post from a device with a larger screen.

Conclusion

Tumblr is an eclectic mix of videos, images, memes, GIFs, and almost every other type of media you can imagine, all in a microblogging format. Being able to embed Tumblr posts in WordPress is a fantastic way to liven up your own pages and posts. Thanks to 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 post you want to embed, and you’re good to go. WordPress will automatically embed the post as long as it’s public, and it will even display Follow and Like buttons, sharing options, captions, and hashtags for the full Tumblr experience.

Do you have any questions about how to use the Tumblr embed block? Let’s talk about them in the comments section below!

Featured Image via Julia Tim / shutterstock.com

Premade Layouts

Check Out These Related Posts

How to Test a Web Form

How to Test a Web Form

Posted on November 23, 2021 by in WordPress

Web forms are an integral tool for website owners who want to convert visitors into customers, members, subscribers, etc. And if you’re wondering why you’re not getting the donations, orders, registrations or signups you expected, it doesn’t necessarily mean you have an...

View Full Post
How to Use the Featured Product WooCommerce Block

How to Use the Featured Product WooCommerce Block

Posted on November 21, 2021 by in WordPress

Featuring a specific product in your online store can be an effective way to increase your sales. For instance, you may want to showcase your newest item on your home page, or promote it in a blog post. Fortunately, the Featured Product WooCommerce block enables you to easily highlight any product...

View Full Post

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today

Pin It on Pinterest