如何在WordPress中創建自定義Instagram照片提要(簡易)


最近,我們的一位讀者問是否可以在其網站上添加自定義的Instagram照片供稿?

具體來說,他們希望自定義Instagram照片供稿,使其僅顯示所選照片,而不顯示其個人資料中的所有照片。

在本文中,我們將向您確切演示如何在WordPress中創建自定義Instagram照片供稿。

為您的WordPress網站創建自定義Instagram feed

為什麼要在您的WordPress網站上添加Instagram Feed?

在WordPress網站上添加Instagram提要,無需進行大量工作即可添加新鮮的內容。 它還鼓勵讀者在Instagram上關注您。

無需手動將照片添加到您的網站,您只需將它們上傳到Instagram,它們就會出現在您的網站上。 您還可以使用井號標籤供稿添加其他人的照片。

這可能是向人們展示您使用產品的好方法,提供了有價值的社交證據,可以幫助您在線賺更多錢。

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

如何在WordPress中創建自定義Instagram照片提要

要在您的網站上設置自定義Instagram照片供稿,您需要安裝並激活Smash Balloon Instagram Feed插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

這是免費的Instagram feed插件的高級版本,已有超過100萬個網站使用。

安裝插件後,轉到 Instagram Feed»設置 WordPress管理員中的“頁面”,然後單擊“許可證”標籤以輸入您的許可證密鑰。 您可以在Smash Balloon帳戶中找到它。

激活許可證密鑰後,不要忘記單擊底部的“保存更改”按鈕。

添加您的Instagram Feed許可證

激活許可證後,轉到“配置”選項卡,然後單擊“連接Instagram帳戶”按鈕。

連接您的Instagram帳戶

然後,您會看到一個彈出窗口,要求您選擇使用的是Personal還是Business Instagram個人資料。

選擇您使用的是個人還是企業Instagram帳戶

如果您只想顯示照片的提要,則可以使用個人Instagram帳戶。 但是,如果要顯示主題標籤供稿,則需要一個Business Instagram帳戶。

小費: 還沒有企業賬戶? 要將您的個人Instagram帳戶轉換為企業帳戶,您可以按照Smash Balloon的逐步說明進行操作。

使用Instagram創建企業帳戶是免費的。 您可以隨時在Instagram應用中切換回去。

當您單擊WordPress儀表板中的“連接”按鈕時,您只需要按照提示進行操作並連接您的帳戶即可。

之後,您會在“ Instagram帳戶”旁邊看到您的帳戶,如下所示:

Instagram Feed插件現已連接到您的Instagram帳戶

注意: 您可以連接多個帳戶。 在本教程的後面,我們將研究如何在您的網站上顯示幾個不同的Instagram feed。

在WordPress中顯示您的Instagram照片的提要

如果您想讓WordPress網站保持最新和最新狀態,可以很容易地添加最新Instagram照片的feed。 我們將首先介紹基本方法,然後介紹如何自定義提要。

首先,點擊已連接的Instagram帳戶旁邊的“添加到主要供稿”按鈕:

將您的Instagram帖子添加到主供稿中

之後,您可以打開要添加供稿的帖子或頁面。 或者,如果願意,可以將其添加到側邊欄小部件中。

我們將在下面創建一個新頁面 頁»添加新 作為我們的飼料。

單擊(+)符號添加一個新塊,然後從“窗口小部件”部分中選擇“ Instagram Feed”塊:

在頁面上添加Instagram feed塊

您的Instagram feed將通過“關注”按鈕立即添加到您的頁面:

在您的網站上查看您的Instagram照片

如果您使用的是經典編輯器,則只需輸入簡碼 [instagram-feed] 您想要的源。

您也可以使用簡碼或Instagram Feed小部件在邊欄或頁腳中添加Instagram帖子。 只是去 外觀»小部件 並將Instagram Feed小部件拖動到您喜歡的任何位置。

將Instagram Feed小部件添加到側邊欄

在WordPress中自定義Instagram Feed樣式

默認情況下,您的Instagram照片將顯示在四列網格中。 首先,用戶將從您的帳戶中看到20張照片,但是他們可以單擊“加載更多”來查看其他照片。

Instagram Feed插件使您可以完全控制這些設置。

要更改您的Instagram Feed的外觀,請轉到 Instagram Feed»設置»自定義

在這裡,您可以更改Feed的寬度和高度,切換佈局,更改照片數,列數等等。

要更改佈局,只需單擊所需的選項。 我們將對Instagram照片使用“突出顯示”佈局,每張第三張照片都會突出顯示。

您還可以選擇將照片分為幾列,以及從幾列開始顯示。 我們選擇在3列中擁有6張照片。

更改Instagram照片的佈局

進行任何更改後,請確保單擊屏幕底部的“保存更改”按鈕。

這是Instagram feed現在在我們網站上的外觀:

網站上的Instagram照片,以高亮版式排列

在WordPress中顯示標籤,標籤或混合Instagram Feed

Instagram Feed默認情況下顯示您所關聯的Instagram帳戶中的最新帖子。

在某些情況下,您可能想要顯示一些不同的東西。 例如,您可能想要顯示來自任何帳戶的Instagram帖子,只要它們使用特定的標籤即可。 這可能是展示活動或會議照片的好方法。

您可以通過以下方式更改供稿類型: Instagram Feed»配置。 在Feed類型下,您可以切換到主題標籤或標記的Feed。 您可以單擊選項旁邊的(?)圖標以獲取更多信息。

我們將使用“公共標籤”選項切換到標籤供稿。 我們將根據最新帖子對其進行排序:

切換到帖子的主題標籤供稿

注意: 您不能在此處創建混合供稿。 混合供稿是一種組合了不同類型的供稿,例如來自用戶帳戶的照片和來自標籤的照片。 您可以按照本教程下一部分的說明創建類似這樣的提要。

現在,此供稿在我們網站上的外觀如下:

#wpbeginner主題標籤供稿

在WordPress中創建多個Instagram feed

如果您想在WordPress網站上包括幾個不同的Instagram feed,該怎麼辦? 只需幾個簡單的配置即可實現。

首先,前往 Instagram Feed»設置 並點擊“顯示您的Feed”標籤。

您會看到許多可以在 [instagram-feed] 短代碼。

小費: 如果只想為您的站點創建一個提要,則可以在“配置”選項卡下更改這些設置,如上所示。

如果您連接了多個用戶帳戶,則可以使用 [instagram-feed type="user" username="wpbeginner"] 指定一個帳戶。 更改 初學者 到您想要的用戶名。

您還可以在此處選擇基於主題標籤創建供稿。 在這種情況下,您需要使用 [instagram-feed type="hashtag" hashtag="#wpbeginner"] 哪裡 #wpbeginner 是您選擇的主題標籤。

另一種選擇是創建一個標記了特定用戶帳戶的提要。 僅當您在插件設置中連接的Instagram帳戶是企業帳戶時,此選項才可用。

您甚至可以使用簡碼來創建混合供稿,該供稿將不同的供稿類型結合在一起,例如您的Instagram用戶帳戶以及帶有特定主題標籤的所有照片。

如果您在WordPress可視化編輯器中使用Instagram Feed塊,則無需創建整個簡碼。 您可以簡單地在塊的設置中添加您的短代碼設置:

為Instagram Feed塊添加簡碼設置

確保在此處進行更改後單擊“應用更改”按鈕。

WordPress中其他流行的Instagram Feed設置

您可能會對照片的默認顯示感到完全滿意,因為Instagram Feed在沒有任何自定義的情況下做得很好。

但是,根據您要如何顯示Instagram照片,可能需要進行一些常見的調整。

例如,您可能只想顯示沒有標題的照片。 如果要將照片添加到相對狹窄的側邊欄中,這將特別有用:

側欄中的Instagram Feed,帶有標題

您可以通過添加來關閉字幕 showcaption="false" 到您的簡碼。 然後,您的照片將顯示如下:

邊欄中的Instagram照片無標題

如果您使用的是主題標籤供稿,則可能要過濾帖子。 例如,您可能想要避免提及競爭對手之一的帖子或避免在標題中使用粗魯單詞的帖子。

您可以使用 excludewords="competitor, rude" 在您的簡碼中。 這將排除所有使用逗號分隔的單詞列表中的任何單詞的帖子。 將“競爭對手”和“粗魯”更改為要排除的任何單詞。

您可能要使用的另一個選項是更改“加載更多”按鈕的文本。 您可以添加 buttontext="See More Photos" 到您的簡碼。 只需將“查看更多照片”替換為您要使用的文字。

您可以使用許多其他設置。 Smash Balloon的Instagram Feed插件可讓您調整有關Instagram照片在網站上顯示方式的所有信息。

如果要查看所有可能的設置,只需轉到 Instagram Feed»設置»顯示您的Feed 獲取完整列表:

Instagram Feed Pro的顯示設置

我們希望本文能幫助您學習如何在WordPress中創建自定義Instagram feed。 您可能還希望查看我們對最佳WordPress贈品插件的比較,以增加您的社交關注度,以及最佳電子郵件營銷服務以增加您的網站流量。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。