如何使用 WordPress Imgur 嵌入块

如果您是在线图像共享社区 Imgur 的粉丝,那么您很幸运! WordPress 有一个 Imgur 嵌入块,可以轻松地将 Imgur 内容嵌入到您的帖子和页面中。 本文将向您展示如何使用 WordPress Imgur 嵌入块。

什么是 Imgur 嵌入块?

伊姆古尔 是一个受欢迎的图像共享网站,拥有忠实的用户社区。 它允许用户上传、分享和评论图像。 该网站具有用户友好的界面,是互联网上最受欢迎的图像共享网站之一。

Homepage-of-Imgur-Sept-1-2022 如何使用 WordPress Imgur 嵌入块

Imgur 主页 / 2022 年 9 月 1 日

如果您是一个喜欢使用 Imgur 的 meme 爱好者,您可能希望将您的 WordPress 网站与您的 Imgur 帖子进行交叉授粉。 这就是 WordPress 的 Imgur Embed Block 的用武之地。

WordPress块编辑器 标配有帮助 块目录 这使您可以快速构建页面或帖子。 还有其他块可以让您 嵌入视频 并嵌入 Tumblr 帖子.

在本文中,我们将介绍 Imgur 嵌入块. 此块允许您将图像从您的 Imgur 帐户拉到 WordPress 页面上。 这是它的工作原理!

如何将 Imgur 嵌入块添加到您的帖子或页面

如果您曾经想将 Imgur 图片帖子添加到您的 WordPress 网站,但不确定本指南是否适合您。 使用 WordPress 块编辑器中的嵌入块添加 Imgur 图像很容易。

首先,在您的 Imgur 帐户中,找到您要添加的图像并复制其 URL。

Embed-Imgur-WordPress-How-to-Step-1 如何使用 WordPress Imgur 嵌入块

然后,在 WordPress 中,单击“添加块”按钮,找到 Imgur Embed,然后选择它。

Embed-Imgur-WordPress-How-to-Steps-2-3 如何使用 WordPress Imgur 嵌入块

它会询问一个 URL,您可以在其中将 Imgur URL 粘贴到出现的框中,然后按 Enter。

Embed-Imgur-WordPress-How-to-Steps-4-5 如何使用 WordPress Imgur 嵌入块

图片将自动添加到您的帖子中。 预览 Imgur 图片帖子以查看它与您的主题和其他内容的外观。

Embed-Imgur-WordPress-How-to-Result 如何使用 WordPress Imgur 嵌入块

这里的所有都是它的! 接下来,我们将探索 WordPress 中 Imgur 嵌入块的一些设置和选项。

Imgur 嵌入块设置和选项

Imgur Embed 块的块工具栏有四个用于在页面上对齐的选项。 这些中的每一个都会根据所选对齐方式移动 Imgur 嵌入页面上的内容。 如果选择无,则默认设置生效。

  • 无 – 没有在块级别确定的对齐方式
  • 左对齐 – 使块左对齐。
  • 对齐中心 – 使块对齐居中。
  • 右对齐 – 使块右对齐。

Embed-Imgur-WordPress-Settings-Align 如何使用 WordPress Imgur 嵌入块

通过单击工具栏的省略号图标,您将看到通用块命令和选项。 这些可用于大多数类型的默认块,而不仅仅是 Imgur 嵌入。

在块级别上有普通的快捷方式,例如复制和复制。 其他选项是块编辑器特定的命令,用于在之前插入、在之后插入、移动到和编辑为 HTML。

最后,可以选择将块锁定到位,将块添加到可重复使用的块,以及将多个块组合在一起作为一种单元的分组。

Embed-Imgur-WordPress-Settings-Block 如何使用 WordPress Imgur 嵌入块

您可以通过媒体设置上的 Imgur 阻止设置来更改在手机上查看内容的行为。 Toggle 开关为较小的设备打开或关闭响应式调整大小。 默认设置设置为打开,但如果您发现它对您来说表现不佳,您可以关闭该设置。

还可以选择专门将 CSS 类添加到块中。 如果您通过 CSS 编辑此块的样式,则应在“高级设置”部分中分配类。

Embed-Imgur-WordPress-Settings 如何使用 WordPress Imgur 嵌入块

如需更多样式选项,可以将 Imgur Embed 块转换为组。

Embed-Imgur-WordPress-Transform-Group 如何使用 WordPress Imgur 嵌入块

这允许将间距、排版和背景颜色设置应用于整个块。

此外,在组的高级设置中,还可以选择添加 HTML Anchor ID 创建锚链接.

Imgur 条款和条件

值得一提的是,您在网站上使用 Imgur 的方式存在限制。 这是来自 Imgur 的一句话:

请注意,Imgur 的 服务条款 禁止将 Imgur 用作内容交付网络、盗链成人或非法图像、种子、用于商业目的的图像托管或复制 Imgur 自身功能的网站。

但是对于大多数用例,使用 Imgur 嵌入块是完全安全的,并且是共享图像的好方法。

结论

总之,当您想在 WordPress 帖子或页面中嵌入 Imgur 图像时,WordPress Imgur 嵌入块是一个很好的工具。 您只需要 Imgur 图像的 URL,其余的工作将由 Imgur 嵌入块完成。 试一试!

有关更多信息,请查看我们所有的 WordPress 块编辑器教程.

您对如何使用此 WordPress 块有任何疑问吗? 让我们在下面的评论部分讨论它们吧!

特色图片来自 imgur / imgur.com

查看源代码

[et_bloom_inline optin_id=”optin_5″]

相关文章