How to Use the WordPress Imgur Embed Block

Posted on October 22, 2022 by in WordPress 2 Comments

How to Use the WordPress Imgur Embed Block
Blog / WordPress / How to Use the WordPress Imgur Embed Block

If you’re a fan of the online image-sharing community, Imgur, you’re in luck! WordPress has an Imgur Embed Block that makes it easy to embed Imgur content in your posts and pages. This article will show you how to use the WordPress Imgur Embed Block.

What is the Imgur Embed block?

Imgur is a popular image-sharing site with a loyal community of users. It allows users to upload, share, and comment on images. The site has a user-friendly interface and is one of the most popular image-sharing websites on the internet.

Homepage of Imgur - Sept 1st 2022

Homepage of Imgur / Sept. 1st 2022

If you’re a meme-loving human who uses Imgur you probably want to cross-pollinate your WordPress website with your Imgur posts. That is where WordPress’ Imgur Embed Block comes in.

The WordPress Block Editor comes standard with a helpful directory of blocks that allow you to quickly build a page or post. There are other blocks that allow you to embed videos and embed Tumblr posts.

In this article, we’ll cover the Imgur Embed block. This block allows you to pull images from your Imgur account onto a WordPress page. Here’s how it works!

How to Add the Imgur Embed Block to your Post or Page

If you’ve ever wanted to add an Imgur image post to your WordPress site but weren’t sure how this guide is for you. Adding an Imgur image using the embed block in the WordPress block editor is easy.

First, inside your Imgur account, find the image you want to add and copy its URL.

Embed Imgur WordPress - How to - Step 1

Then, in WordPress, click on the “Add Block” button, find Imgur Embed, and select it.

Embed Imgur WordPress - How to - Steps 2-3

It will ask for a URL where you can paste the Imgur URL into the box that appears and hit enter.

Embed Imgur WordPress - How to - Steps 4-5

The image will automatically be added to your post. Preview the Imgur image post to see how it looks with your theme and other content.

Embed Imgur WordPress - How to - Result

That’s all there is to it! Next, we’ll explore the few settings and options of the Imgur embed block in WordPress.

Imgur Embed Block Settings and Options

The block toolbar for the Imgur Embed block has four options for alignment on a page. Each of these shifts the Imgur embed on the page in accordance with the chosen alignment. If None is chosen, then default settings take effect.

  • None – No alignment that is determined at the Block level
  • Align left – Make the block left-aligned.
  • Align center – Make the block alignment centered.
  • Align right – Make the block right-aligned.

Embed Imgur WordPress - Settings - Align

By clicking on the Tool Bar’s ellipsis icon, you’ll see universal Block commands and options. These are available for most every type of default block and not just for Imgur embeds.

There are run-of-the-mill shortcuts like Copy and Duplicate on the block level. Additional options are the block editor specific commands to Insert Before, Insert After, Move To, and Edit as HTML.

Lastly, there are the options to Lock the block in place, Add the Block to Reusable Blocks, and Group which groups multiple blocks together as a sort of unit.

Embed Imgur WordPress - Settings - Block

You can change the content’s behavior for viewing on a phone through the Imgur Block Settings on Media Settings. The Toggle switch turns responsive resizing on or off for smaller devices. The default setting is set to on, but if you notice it behaves poorly for you, you can turn the setting off.

There is also the option to add a CSS Class to the block specifically. If you are editing this block’s styles via CSS, you’d assign the class in the Advanced settings section.

Embed Imgur WordPress - Settings

For more styling options, the Imgur Embed block can be converted to a Group.

Embed Imgur WordPress - Transform Group

This allows for spacing, typography, and background color settings to be applied to the whole block.

Additionally, in the Group’s Advanced Settings, there is also the option to add an HTML Anchor ID for creating anchor links.

Imgur Terms and Conditions

It is worth mentioning that there are limitations on how you use Imgur on a website. Here is a word from Imgur:

Please note that Imgur’s Terms of Service prohibit using Imgur as a content delivery network, hotlinking adult or illegal images, torrents, image hosting for commercial purposes, or sites that copy Imgur’s own functionality.

But for most use cases, using the Imgur embed block is completely safe and a great way to share your images.

Conclusion

In conclusion, the WordPress Imgur Embed Block is a great tool to use when you want to embed an Imgur image in your WordPress post or page. All you need is the URL of the Imgur image and the Imgur Embed Block will do the rest. Give it a shot!

For more, check out all of our WordPress block editor tutorials.

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

Featured Image via imgur / imgur.com

Divi Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time πŸ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

10 Best WordPress Donation Plugins

10 Best WordPress Donation Plugins

Last Updated on November 12, 2022 in WordPress

Online giving is growing more popular. So, Whether you’re a charity, a non-profit, or a creator looking for support, a good WordPress donation plugin might be an essential part of your website. When dealing with money, it’s essential to be certain you have the best tools available; this...

View Full Post
How to Edit the Footer in WordPress (A Simple Guide)

How to Edit the Footer in WordPress (A Simple Guide)

Posted on November 5, 2022 in WordPress

Website footers have always been one of the most difficult elements of web design to get right. And WordPress footers are no different. Whether you’re just hoping to figure out how to remove “Proudly Powered by WordPress” in the footer or trying to completely redesign your footer,...

View Full Post
10 Best Call-to-Action Plugins for WordPress

10 Best Call-to-Action Plugins for WordPress

Posted on October 29, 2022 in WordPress

The right call to action (CTA) plugin can be one of the best marketing tools for your WordPress site. These days, it takes a lot to engage users to take action on a website. Simply throwing a button on a page probably won’t get the results you are looking for. With a WordPress call-to-action...

View Full Post

2 Comments

  1. Great post, I have to know about WordPress Imgur Embed Block and how to use it . It is very helpful for me. It is very nice and awesome tool for image editing

    • Glad it was helpful!

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi