如何在 WordPress 中嵌入 Instagram 提要(使用分享按鈕)

想要一種在 WordPress 中嵌入 Instagram 提要的簡單方法嗎? 

通過將 Instagram 提要添加到您的網站,您可以使內容更加有趣和引人入勝。這是推廣您的品牌和改善您網站上的用戶體驗的好方法。 

在本教程中,我們將逐步向您展示如何在 WordPress 中添加 Instagram 提要。我們還將向您展示如何添加分享和點贊按鈕以增加社交媒體參與度。

在此之前,讓我們了解將 Instagram 供稿添加到您的網站的好處。

為什麼要在 WordPress 網站中添加 Instagram 提要?

Instagram 無疑是世界上最受歡迎的社交媒體平台之一。最初是一個照片共享應用程序,現在已成為營銷人員、影響者和品牌的中心。 

藉助 Instagram 上的照片、視頻和快拍等用戶生成的內容,您的品牌變得更容易被新人看到和訪問。當您在您的 WordPress 網站上嵌入這些 Instagram 提要時,您可以進一步增加互動。 

首先,您可以使用您的 Instagram 內容來吸引更廣泛的受眾,而不僅僅是您的 Instagram 關注者。

它還可以在您的網站訪問者之間建立信任,並作為您企業的社會證明看到其他人喜歡和喜愛您的產品,新用戶也想嘗試一下。

由於圖像和視頻比文本內容更具吸引力,因此有助於增加您網站上的會話時間。這意味著您可以更長時間地吸引觀眾的注意力,這對 SEO 也非常有用。

因此,在您的網站上嵌入 Instagram 提要有很多優勢。這是一個很好的營銷工具,可以增加您的在線形象並提高轉化率。 

也就是說,讓我們了解如何通過幾個簡單的步驟將 Instagram 提要添加到 WordPress 網站。 

在 WordPress 中添加 Instagram 提要的最簡單方法

嵌入 Instagram 提要通常是一項非常技術性的任務。您需要嵌入代碼,將您的 Instagram 個人資料與 API 密鑰連接,然後使用自定義 CSS 設置提要樣式,使其在您的網站上看起來不錯。

我們將跳過所有這些並使用為您管理所有內容的插件。您無需觸摸一行代碼即可在您的網站上展示您的提要。 

在本教程中,我們將使用Smash Balloon 的Instagram Feed Pro。 

粉碎氣球 instagram feed 主頁

SmashBalloon是 WordPress 最好的社交媒體訂閱插件。它提供了 5 種不同的插件,可讓您將來自不同社交媒體平台的內容無縫集成到您的網站上。

這5個插件是:

  • 自定義 Facebook 訂閱源:在您的 WordPress 網站上 添加來自 Facebook 的照片、帖子、視頻和直播視頻。
  • Instagram 提要:在任何 WordPress 頁面上創建 Instagram 照片提要、主題標籤提要等。甚至還有一個選項可以創建非常適合電子商務網站的購物提要。
  • 自定義 Twitter 訂閱源:顯示 Twitter 卡片、提及您的 Twitter 帳戶的推文,並允許用戶滾動查看您網站上的更多推文。 
  • YouTube 供稿:在任何帖子或頁面上展示您的 YouTube 視頻、直播和喜愛的播放列表。 
  • 社交牆:將來自所有 Facebook、Twitter、Instagram 和 YouTube 的信息整合到一面牆上。 

藉助其Instagram訂閱源插件,您可以輕鬆創建自定義 Instagram 訂閱源或使用主題標籤顯示來自 Instagram 的用戶生成內容。它甚至會在您的 Instagram 照片中添加分享按鈕。

現在通常要連接 WordPress 和 Instagram 等 2 個應用程序,您需要遵循一個非常技術化的過程。但是使用 Smash Balloon,所有這些都是在幕後完成的,因此您只需單擊幾個按鈕即可進行設置。

該插件還提供了許多自定義選項來更改 Instagram 提要的布局和設計。更不用說,您使用此插件創建的所有提要都是完全響應的。 

最好的部分是,當您在 Instagram 上創建新帖子時,此插件將自動獲取內容並更新您的 WordPress 提要。

既然您知道要使用哪個插件,我們將向您展示如何輕鬆嵌入您的 Instagram 提要。 

第 1 步:安裝並激活 Instagram Feed Pro 

首先,您需要註冊一個Smash Balloon 帳戶然後,您可以訪問 Instagram Feed Pro 插件文件以及儀錶板上的許可證密鑰。 

下載instagram feed插件

現在,您需要在您的 WordPress 網站上安裝該插件。如果您需要這方面的幫助,請參閱我們關於如何安裝 WordPress 插件的指南。 

安裝並激活插件後,導航到 WordPress 管理面板中的 Instagram Feed » License 選項卡。在這裡,您需要輸入您的許可證並單擊激活許可證按鈕。

激活許可證

驗證您的帳戶後,您可以將您的 Instagram 帳戶連接到您的網站。 

第 2 步:連接您的 Instagram 帳戶

在您可以在您的網站上顯示您的 Instagram 提要之前,您必須先連接您的帳戶。 

為此,請轉到 Instagram 動態 » 設置選項卡,您將看到連接 Instagram 帳戶的按鈕。

連接您的 Instagram 帳戶

單擊按鈕後,您需要選擇帳戶類型並在下一個屏幕上登錄您的帳戶。 

選擇個人帳戶可讓您僅顯示來自您自己的 Instagram 帳戶的提要。

鑒於企業帳戶允許您使用主題標籤、照片標籤和更多過濾器來顯示提要。但是,如果您有商業 Instagram 帳戶,則需要先使用 Facebook 登錄。 

在這裡,我們選擇帳戶類型為個人並使用 Instagram 登錄。 

選擇賬戶類型

在下一個窗口中,只需單擊「允許」按鈕即可授予對您 Instagram 帳戶的訪問許可權。 

允許許可權

然後,您將被重定向回您的 WordPress 儀錶板,您需要通過單擊「連接此帳戶」按鈕來確認您的帳戶。 

連接帳戶

現在,您的帳戶已成功連接到您的 WordPress 網站。向下滾動以設置其他選項。 

在 Select a Feed Type 部分,有 4 個選項:

  • 用戶帳戶:顯示來自您的 Instagram 帳戶的實時提要。
  • 主題標籤:顯示帶有所選主題標籤的所有提要。 
  • 標記:添加您被其他用戶標記的所有 Instagram 照片。
  • 混合:顯示由多種提要類型組成的單個提要。 

設置飼料類型

因為我們連接了個人帳戶,所以我們將為此選擇用戶帳戶選項。但是,如果您使用的是企業帳戶,則可以使用 Hashtag、Tagged 和 Mixed 選項。

完成帳戶設置後,單擊「保存更改」按鈕。 

第 3 步:配置 Instagram 供稿設置

使用 Instagram Feed 插件,您可以根據自己的喜好選擇如何顯示您的 Instagram 照片和視頻。

在設置頁面上,單擊頂部的自定義選項卡。在這裡,您可以看到大量的自定義選項。 

首先,您擁有 Instagram 提要的寬度、高度和背景顏色等常規設置。 

自定義選項

接下來,您可以從 4 種不同的模板中選擇布局選項:網格、輪播、砌體和突出顯示。

更改 Instagram 供稿布局

使用網格布局,您的 Instagram 內容顯示在統一的方形列中。

在網站上顯示 Instagram 提要

或者,您可以選擇輪播布局以在滑塊中顯示您的 Instagram 照片和視頻。還有添加導航箭頭的選項。

輪播布局視圖

像這樣,您也可以嘗試其他布局,例如 Masonry 和 Highlight。其他提要設置包括照片數、列數和圖像填充。 

如果您進一步向下滾動,您將看到供稿標題、載入更多按鈕和關注按鈕的自定義選項。

顯示標題載入更多關注按鈕

完成自定義 Feed 的布局和設置後,單擊「保存更改」按鈕。 

如果您想使用主題標籤添加和自定義用戶生成的內容,請轉到設置»配置選項卡並添加您的公共主題標籤。完成後保存您的設置。

hastag 飼料類型

然後,打開「自定義」頁面上的「審核」選項卡。以下是使用主題標籤從您的 Instagram 提要中顯示或刪除照片和視頻的選項。 

此外,該插件提供了從您的網站前端調節用戶生成的提要的選項。在審核部分,選擇審核類型為可視。 

適度的hastag飼料

保存設置後,您將能夠在前端的主題標籤 Instagram 源中添加或刪除任何照片或視頻。

標籤提要

審核選項僅對具有管理員許可權的登錄用戶可見。您需要單擊「審核提要」按鈕以選擇要隱藏或顯示的照片。 

適度的標籤提要

一旦您對 Instagram 供稿的設計和布局感到滿意,請確保保存更改。

現在,您已準備好在 WordPress 網站上顯示您的 Instagram 提要。 

第 4 步:顯示您的 Instagram 供稿

Smash Balloon 允許您使用簡碼和 Gutenberg 塊在您的網站上顯示您的自定義 Instagram 提要。

首先,我們將向您展示如何使用頁面上的 Instagram 動態自定義塊添加動態。在您的 wp-admin 菜單中,通過導航到 Pages » Add New 選項打開一個新頁面。

在塊編輯器中,添加一個新塊並搜索 Instagram 動態塊。當您選擇它時,您的提要會自動插入到頁面編輯器中。

插入 Instagram 提要

然後,您需要做的就是單擊「發布」按鈕以在您的 WordPress 網站上顯示 Instagram 提要。您可以預覽 Instagram 提要並查看它在您網站前端的外觀。

發布提要頁面

當用戶單擊您的提要中的任何單個圖像時,他們可以看到 Instagram 按鈕以查看 Instagram 上的帖子。

此外,還有一個分享按鈕,允許用戶在 Facebook、Twitter、Pinterest 等不同平台上分享帖子。

如何在 wordpress 中添加 Instagram 分享按鈕

或者,您可以使用插件短代碼在 WordPress 中添加您的 Instagram 提要。導航到 Instagram 動態 » 設置選項卡,然後單擊顯示您的動態選項卡。

在這裡,您將找到用於顯示您的提要的簡碼選項。 

顯示選項如何在 wordpress 中添加 Instagram 提要

對於本教程,我們只需要 [instagram-feed] 短代碼。因此,您可以簡單地複製此短代碼並將其粘貼到任何頁面、帖子或小部件區域(如側邊欄或頁腳)。

短代碼嵌入

獎勵:使用 oEmbeds 在 WordPress 中嵌入 Instagram 帖子

在 WordPress 中嵌入 Instagram 提要的另一種好方法是使用 oEmbeds。 

但遺憾的是,WordPress 已停止支持 Facebook 和 Instagram oEmbeds。所以現在你需要一個訪問令牌來讓它們工作。 

好消息是 Smash Balloon 讓您無需手動設置即可使用 oEmbeds。 

您只需要連接您的 Facebook 帳戶。由於 Instagram 是 Facebook 的一部分,因此您無需為其設置 Instagram 帳戶。 

要設置 oEmbed,請導航到 WordPress 儀錶板上的 Instagram Feed » oEmbeds 選項卡。在這裡,單擊啟用 Instagram oEmbeds 按鈕。

instagram oembed 在 wordpress 中嵌入 instagram 照片

然後,您需要單擊連接到 Facebook 按鈕。在下一個屏幕上,您必須選擇要添加的頁面。

連接到 facebook 如何在 wordpress 中添加 Instagram 提要

接下來,單擊完成按鈕以完成連接。

給臉書許可權

現在,您可以使用 oEmbeds 輕鬆地將 Instagram 提要嵌入到 WordPress 中。為此,請轉到您的 Instagram 儀錶板並打開您要插入的帖子,然後單擊右上角的三個點。 

instagram 發布如何在 wordpress 中添加 instagram 提要

然後,從菜單中選擇複製鏈接選項。

複製帖子鏈接如何在wordpress中添加instagram feed

現在,返回您的 WordPress 儀錶板並打開頁面或發布您要添加圖像的位置。 

使用 Smash Balloon,您只需將鏈接粘貼到文本編輯器上,它就會自動將您的 Instagram 帖子嵌入其中。您可以繼續在您的網站上發布帖子。 

嵌入鏈接

恭喜!您已成功學會如何在 WordPress 上嵌入您的 Instagram 提要。 

使用 Smash Balloon 的Instagram 提要插件,您只需單擊幾下即可在 WordPress 中添加 Instagram 提要。這可以讓您接觸到比 Instagram 用戶更多的人。

該插件使您可以自由創建和自定義自己的 Instagram 提要。 

此外,您可以編輯布局並輕鬆選擇要包含或隱藏的帖子。

既然您知道使用 Smash Balloon 是多麼容易,您還可以學習如何在 WordPress中顯示您的 Facebook 提要。

就這樣!我們希望本教程能幫助您了解如何使用分享按鈕輕鬆地將 Instagram 提要嵌入 WordPress。

對於接下來的步驟,您可以查看以下資源:

  • 令人難以置信的社交媒體自動化工具
  • 使用社交媒體增加電子郵件訂閱者的 12 種方法
  • Bio Instagram 工具中的最佳鏈接

這些帖子將幫助您自動化您的社交媒體集成並增加您的電子郵件列表。最後一個將幫助您在生物頁面中創建 Instagram 鏈接,以增加您網站的流量。

How to Embed Instagram Feed in WordPress (With Share-Button)的帖子首次出現在IsItWP – 免費 WordPress 主題檢測器上。

相關文章