如何在WordPress中嵌入Facebook相冊


您想將Facebook相冊嵌入WordPress網站嗎?

嵌入Facebook相冊是在WordPress網站和Facebook頁面上提高社交參與度的好方法。

在本文中,我們將逐步向您展示如何輕鬆地將Facebook相冊嵌入WordPress。

在WordPress帖子和頁面中嵌入Facebook相冊

在WordPress中嵌入Facebook相冊

WordPress過去曾經內置了對Facebook相冊的嵌入支持。 就像您嵌入YouTube視頻一樣,您要做的就是複制並粘貼任何Facebook相冊的URL,然後WordPress自動獲取並顯示它。

然而,當Facebook和Instagram對其API進行更改時,所有這些都在最近改變了。 這些更改使WordPress無法繼續為Facebook和Instagram提供嵌入式支持。

現在,如果您將鏈接粘貼到Facebook相冊,WordPress將向您顯示一條消息,“抱歉,無法嵌入此內容”。

Facebook在WordPress中嵌入錯誤

您可以將其轉換為鏈接,但不會顯示您的相冊,而是將用戶帶到Facebook查看您的照片。

幸運的是,我們的姊妹公司Smash Balloon為WordPress中的Facebook和Instagram嵌入創建了一個修復程序。

這使您可以輕鬆將Facebook相冊嵌入具有更多功能的博客文章,頁面和小部件中。

使用Smash Balloon在WordPress中嵌入Facebook相冊

Smash Balloon是適用於WordPress的最佳Facebook插件,可讓您輕鬆在您的網站上顯示Facebook feed,以提高參與度並獲得更多喜歡。

首先,您需要安裝並激活Smash Balloon Custom Facebook Feed插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,轉到 Facebook Feed»設置 頁,然後單擊“許可證”標籤。 在這裡,您需要輸入您的許可證密鑰,該密鑰可以在Smash Balloon網站上的帳戶下找到。

輸入您的Smash Balloon許可證密鑰

接下來,您需要單擊“配置”選項卡,然後單擊藍色的大按鈕以連接您的Facebook帳戶。

連接您的Facebook帳戶

您將能夠選擇是要連接到Facebook頁面還是群組。 在此示例中,我們將連接至頁面,但您也可以連接至群組並共享這些相冊。

選擇您的頁面

這將帶您到Facebook,在這裡將要求您登錄到您的Facebook帳戶,然後單擊“繼續”按鈕。

登錄Facebook並繼續

之後,系統會要求您選擇要連接的Facebook頁面。 只需選中要連接到WordPress網站的頁面旁邊的框。

選擇Facebook頁面以與WordPress連接

單擊下一步按鈕繼續。

系統會要求您選擇頁面權限。 確保它們都已打開,否則Smash Balloon可能無法從您的Facebook帳戶中獲取內容。

完成Facebook連接嚮導

之後,您可以單擊“完成”以完成設置。

現在,您將被重定向回您的WordPress網站,在該網站上,插件將要求您選擇要使用的頁面。 只需單擊以選擇頁面,然後單擊“連接此頁面”按鈕以繼續。

將Facebook頁面連接到Smash Balloon

現在,Smash Balloon將顯示您的頁面已連接。 不要忘記單擊“保存設置”按鈕來存儲您的更改。

使用Smash Balloon在WordPress中顯示您的Facebook相冊

Smash Balloon是高度可定制的,並提供多種方法以WordPress顯示您的Facebook相冊。

1.顯示您所有的Facebook相冊

此方法更容易,可讓您在WordPress帖子或頁面中顯示所有Facebook相冊。 然後,用戶可以單擊以在燈箱彈出窗口中查看您相冊中的照片。

只需轉到 Facebook Feed»定制 頁並向下滾動到“帖子類型”部分。

顯示相冊供稿

在這裡,您需要取消選中除專輯之外的所有其他項目。 您會看到一些選項,例如專輯來源,標題和其他設置。 如果不確定,可以將其保留不變。

繼續並單擊頁面底部的“保存更改”按鈕以保存更改。

現在,您需要編輯要顯示Facebook相冊的帖子或頁面。 在內容編輯器屏幕上,單擊添加新塊按鈕(+),然後將“自定義Facebook Feed”塊添加到您的內容區域。

自定義Facebook Feed塊

然後,該插件將自動從您的Facebook頁面獲取相冊,並在內容區域中顯示它們的預覽。 現在,您可以保存更改並預覽帖子/頁面以查看正在使用的相冊。

以網格佈局顯示的Facebook相冊

您會看到您的Facebook相冊以整齊的網格佈局列出。 點擊相冊將在燈箱彈出窗口中將其打開。

WordPress帖子中的Facebook相冊燈箱彈出窗口

2.在WordPress中顯示特定的Facebook相冊

Smash Balloon還使您可以輕鬆地在WordPress網站上的任何位置嵌入特定的Facebook相冊。

為此,您需要使用“ Smash”計劃隨附的他們的專輯插件。

只需轉到 Facebook Feed»擴展 頁面上,然後單擊獲取此擴展程序按鈕。

獲取專輯擴展名

這將帶您到Smash Balloon網站,您可以在其中購買擴展程序或升級計劃。

之後,您可以像安裝任何WordPress插件一樣下載並安裝擴展。 激活後,返回到 Facebook Feed»擴展 並檢查“相冊”擴展名下的“激活”選項。

激活相冊擴展

不要忘記單擊“保存更改”按鈕來存儲您的設置。

現在您可以將頁面或組中的所有Facebook相冊嵌入到WordPress博客中。

首先,您將需要找到要嵌入的Facebook相冊的ID。 只需訪問Facebook並打開相冊,您就會在URL字段中看到相冊ID。

獲取相冊ID

例如,您的相冊網址可能如下所示。

https://www.facebook.com/media/set/?vanity=YourPageName&set=a.141148357810432

在此網址中, set = a。 是您的相冊ID。

獲取相冊ID後,您可以將其複制並粘貼到安全的地方。 下一步將需要它。

現在,只需在要顯示相冊的位置編輯帖子或頁面。 在帖子編輯屏幕上,您需要將短代碼塊添加到內容區域。

在簡碼塊中,您需要輸入以下簡碼。

[custom-facebook-feed album=YourAlbumID]

簡碼塊

別忘了用您自己先前複製的相冊ID替換YourAlbumID。

現在,您可以保存更改並預覽帖子或頁面,以查看WordPress中嵌入的Facebook相冊。

嵌入WordPress的單個Facebook相冊的預覽

我們希望本文能幫助您學習如何將Facebook相冊嵌入WordPress。 您可能還需要查看我們的指南,以了解如何在WordPress中創建自定義Instagram照片供稿,以及如何在訪問者離開您的網站後創建電子郵件通訊以與他們建立聯繫。

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