Imgur 嵌入

返回块列表

使用 Imgur 嵌入块,您可以将 Imgur 帖子包含到您的文章/页面中,这样您的访客就可以停留在您的网站上直接查看 Imgur 帖子,而无需重定向到 Imgur。另请注意,您不需要 Imgur 帐户即可嵌入图片、GIF 或视频,但它们必须是公开的。

Imgur Embed block

在文章或页面中嵌入 Imgur 帖子的步骤

  1. 前往您要嵌入的 Imgur 帖子的 URL,并从浏览器地址栏中复制该帖子的 URL。
How to copy the URL from an Imgur post.

2. 向您的文章添加一个 Imgur 嵌入块。

如何使用斜杠命令快速添加 Imgur 嵌入块。

添加区块的详细说明

3. 将步骤 1 中的 Imgur URL 粘贴到文本框中

How to paste the URL of an imgur post into an Imgur Embed block

4. 点击“嵌入”按钮

如果链接可以成功嵌入,您将在编辑器中看到预览。

Preview of an Imgur Embed block

如果您使用的 URL 无法嵌入,该块将显示“抱歉,此内容无法嵌入。”的提示信息。您将有两个选择:尝试使用不同的 URL 或转换为链接。

5. 点击“预览”以查看其在您页面前端的显示效果

Preview of an Imgur post in the Imgur Embed block

区块工具栏

每个块都有其自己的块特定控件,允许您直接在编辑器中操作该块。Imgur 嵌入块的块工具栏显示四个按钮

  • 转换为
  • 区块移动工具
  • 更改对齐方式
  • 编辑 URL,以及
  • 更多选项
Block toolbar in the in the Imgur Embed block

转换为:

Transform tool in the Imgur Embed block

您可以将 Imgur 嵌入块转换为段落、列或组块。将 Imgur 嵌入块转换为组块,将使您能够更改 Imgur 嵌入周围的背景颜色。

Editor view of an Imgur Embed as a group with Color Settings controls
作为组的 Imgur 嵌入在编辑器中的视图以及颜色设置控件
Imgur embed with a blue background.
带有蓝色背景的 Imgur 嵌入。

区块移动工具

Block moving tools in the Imgur Embed block

使用块移动工具在编辑器中上下移动块。使用六个点图标拖放 Imgur 嵌入块,并将其重新定位到编辑器的任何位置。或者,点击向上和向下箭头以在编辑器中向上或向下移动块。

获取更多关于在编辑器中移动区块的信息。

Change Alignment in the Imgur Embed block

更改对齐方式

Imgur 嵌入块的块工具栏具有对齐选项。

  • 左对齐 – 使块左对齐。
  • 居中对齐 – 使块居中对齐。
  • 右对齐 – 使块右对齐。
  • 宽幅 – 增加块的宽度,使其超出内容区域。
  • 全宽 – 将块扩展到覆盖整个屏幕的宽度。

“宽幅”和“全宽”对齐设置必须由您的 WordPress 主题启用。

编辑网址

通过编辑 URL,您可以在嵌入块中更改 Imgur 嵌入 URL。覆盖现有 URL 并点击“嵌入”按钮。

Edit URL in the Imgur Embed block

更多选项

这些控件使您可以选择复制、复制和将块编辑为 HTML。

阅读有关这些及其他设置的信息。

区块设置

除了高级部分,Imgur 嵌入在“块设置”侧边栏中只有一个设置:媒体设置。

媒体设置

Media settings for the Imgur embed block with the toggle OFF for resizing on smaller devices.
Media settings for the Imgur embed block with the toggle ON for resizing on smaller devices.

通过媒体设置,您可以控制在较小设备(如手机屏幕)上查看帖子嵌入时的行为。

切换开关用于打开或关闭较小设备的调整大小功能。默认设置为“开”或蓝色。

“关闭”: 当浏览器调整大小时,此嵌入可能无法保持其宽高比。在关闭位置,切换开关为灰色。

“开启”: 当浏览器调整大小时,此嵌入将保持其宽高比。在“开启”位置,切换开关变为蓝色。

高级设置

高级选项卡允许您为块添加 CSS 类,从而可以编写自定义 CSS 并根据需要设置块的样式。

Advanced settings in the Imgur Embed block
“高级”部分允许您为区块添加CSS类。

更新日志

  • 更新于 2022-11-26
    • 移除了冗余内容
    • 为移动视图对齐了图像
  • 更新于 2020-08-01
    • 添加了 6.0 的内容和截图
    • 为图片添加了ALT标签
  • 更新于 2020-11-27
    • 截图 5.6
    • 从“更多选项”和“高级设置”部分移除了“编辑 HTML”、“添加到可复用块”和“媒体”部分。
  • 创建于 2020-09-07

本文是否有帮助?如何改进?

首次发布

最后更新