如何使用 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″]

相關文章