嵌入Facebook相冊是在WordPress網站和Facebook頁面上獲得更多參與度的好方法。它還可以增加您的社交媒體關注度。在本文中,我們將向您展示如何在WordPress中輕松嵌入Facebook相冊。

在WordPress中嵌入Facebook相冊
在您的顯示相冊可以使您的頁面更具吸引力。
當您向 Facebook 添加更多照片時,它們會自動出現在您的網站上,因此這也是保持網站新鮮的好方法,即使對于普通訪問者也是如此。
WordPress曾經為Facebook相冊提供內置的嵌入支持。就像您一樣,您只需復制并粘貼任何Facebook相冊的URL,WordPress就會自動顯示該相冊。
然而,Facebook和Instagram已經對其API進行了更改。這些變化使得WordPress無法繼續支持Facebook和Instagram。
如果您嘗試嵌入指向相冊的鏈接,則會收到錯誤消息。

值得慶幸的是,有一種方法可以使用插件修復。
讓我們看看如何在WordPress中輕松嵌入Facebook相冊,包括如何在任何頁面或帖子上顯示特定相冊。
安裝臉書相冊插件
在WordPress中嵌入Facebook相冊的最佳方法是使用
此插件可讓您在網站上,評論,評論,社區帖子等。

它還允許訪問者通過打開燈箱彈出窗口來仔細查看您的照片和圖像,而無需訪問Facebook。
在本指南中,我們將使用專業版的Smash Balloon,因為它允許您嵌入Facebook相冊,顯示視頻,在自定義Facebook提要中顯示照片等。但是,還有一個,無論您的預算如何,都可以為WordPress創建自定義的Facebook提要。
您需要做的第一件事是安裝并激活粉碎。
激活后,您需要轉到Facebook Feed?設置,然后在“許可證密鑰”字段中輸入您的許可證密鑰。

您可以在 Balloon網站上的帳戶下找到此信息。
輸入密鑰后,單擊“激活”按鈕。
將您的Facebook頁面或群組連接到WordPress
此插件允許您。您甚至可以在每張照片下方顯示最新評論,以及總喜歡和分享。
要將您的Facebook頁面或群組連接到WordPress,請轉到Facebook Feed?所有Feeds,然后單擊“添加新”。

粉碎氣球可讓您顯示相冊、時間線、事件等中的帖子。
要嵌入您的Facebook相冊,您需要單擊“相冊”,然后單擊“下一步”。

現在,您需要選擇從中獲取照片的Facebook頁面或群組。
要開始使用,請單擊“添加新的”。

在下一個屏幕上,選擇是要顯示頁面還是組中的相冊。
之后,只需點擊“連接到Facebook”。

這將打開一個彈出窗口,您可以在其中登錄Facebook帳戶并選擇要從中獲取相冊的頁面或組。
做出此決定后,單擊“下一步”。

完成此操作后,Facebook將顯示Smash Balloon可以訪問的所有信息,以及它可以執行的操作。
要限制Smash Balloon訪問您的Facebook帳戶,只需單擊任何開關即可將其從“是”變為“否”。請注意,這可能會影響您可以嵌入或網站上的相冊和照片。我們建議啟用所有開關。

準備好后,單擊“完成”。
片刻之后,您應該會看到一條消息,確認您已將連接到Facebook。完成后,是時候點擊“確定”。

Smash Balloon現在會自動帶您回到WordPress儀表板。
如何在WordPress中嵌入Facebook相冊
現在,您將看到一個彈出窗口,其中包含您剛剛鏈接到網站的組或頁面。只需選擇源旁邊的單選按鈕,然后單擊“添加”按鈕。

如果您不小心關閉了彈出窗口,請不要驚慌。您只需刷新選項卡即可重新打開彈出窗口。
之后,WordPress會自動將您帶回Facebook Feed?All Feeds頁面。就像以前一樣,單擊“添加新”按鈕,選擇“相冊”,然后單擊“下一步”按鈕。
現在,選擇您的Facebook頁面或群組,然后單擊“下一步”。

在此屏幕上,您可以選擇要用作 Feed 起點的模板。所有這些模板都是完全可定制的,因此您可以根據您希望如何在網站上顯示Facebook相冊來微調設計。
我們使用的是“默認”模板,但您可以選擇所需的任何模板。

完成后,單擊“下一步”按鈕。
Smash Balloon現在將繼續根據您的來源和您選擇的模板創建專輯提要。這是一個好的開始,但您可能希望微調相冊在WordPress網站上的外觀。
如何自定義您的嵌入式Facebook相冊
粉碎氣球自定義Facebook提要插件為您提供了許多自定義相冊顯示方式的方法。考慮到這一點,值得一看的是您可以做出哪些更改。
在Facebook提要?所有提要屏幕上,找到您的專輯提要,然后單擊其“編輯”按鈕,看起來像一個小鉛筆。

這將打開Smash Ballon feed編輯器,該編輯器在右側顯示Facebook專輯的預覽。
在左側,你會看到所有不同的設置,你可以用來自定義這些相冊在你的網站上的顯示方式。這些設置中的大多數都是不言自明的,但我們將快速介紹一些關鍵領域。

首先,您可以通過單擊“提要布局”來更改相冊的顯示方式。
在此屏幕上,您可以在不同的布局之間切換并更改進紙高度。您甚至可以通過選擇“輪播”布局來創建。
在您進行更改時,預覽將自動更新,因此您可以嘗試不同的設置以查看最佳外觀。

默認情況下,Feed 將在臺式計算機和移動設備(如智能手機)上顯示相同數量的帖子。
您可以使用右上角的一排按鈕預覽相簿在臺式電腦、平板電腦和智能手機上的外觀。

移動設備通常具有較小的屏幕和較低的處理能力,因此您可能希望在平板電腦和智能手機上顯示較少的相冊。
為此,只需在“帖子數量”下的“移動”字段中輸入不同的數字。

通過嘗試不同的布局,您可以創建一個看起來很棒的,無論訪問者使用什么設備。
默認情況下,與臺式計算機相比,Facebook Feed 在智能手機和平板電腦上顯示的列較少。這有助于您的所有相冊和照片舒適地適合較小的屏幕。
后,您可能會對列在智能手機和平板電腦上的外觀不滿意。如果是這種情況,則您可以通過更改“列”部分中的數字來顯示更少的列。

如果您對所做的更改感到滿意,請單擊“自定義”鏈接。
這將帶您回到主粉碎氣球編輯器,準備探索下一個設置屏幕,即“配色方案”。

默認情況下,Smash Balloon使用從繼承的配色方案,但此屏幕允許您切換到“淺色”或“深色”外觀,
您還可以通過選擇“自定義”,然后使用控件更改背景顏色、等來創建自己的配色方案。

默認情況下,Smash Balloon 會向您的 Feed 添加一個標題,即您的 Facebook 個人資料圖片以及頁面或群組的名稱。這可以添加一些額外的上下文,而不是簡單地將和照片嵌入WordPress中。
要更改此部分的外觀,請單擊左側菜單中的“標題”。

在此屏幕上,您可以更改標題的大小,顏色,隱藏或顯示Facebook個人資料圖片等。
如果要完全刪除標題,請單擊以關閉“啟用”切換。

默認情況下,“粉碎氣球”顯示每個相冊的標題。如果要隱藏標題,請從主粉碎氣球編輯器菜單中選擇“帖子”。
然后,點擊“帖子樣式”。

在這里,您可以通過單擊“顯示專輯標題”滑塊來刪除專輯標題。
如果您的相冊標題將注意力從照片上轉移開,或者嵌入您的網站時沒有意義,這可能很有用。

在此屏幕上,您還可以選擇是否顯示每個相冊中的照片數量。
要添加此數字,只需單擊“相冊中的帖子數量”切換。

默認情況下,Smash Balloon 不會在您的動態中包含 Facebook 的“喜歡”按鈕。要獲得更多Facebook關注者,您可能需要通過從編輯器的左側菜單中選擇“喜歡框”來添加此按鈕。
之后,只需單擊“啟用”按鈕,使其變為藍色。

默認情況下,Smash Balloon會在嵌入的相冊下方添加此按鈕,但您可以通過打開“位置”下拉菜單并選擇“頂部”來更改此按鈕。
在此屏幕上,您還可以更改“贊”部分的外觀,包括添加自定義、顯示有多少人在 Facebook 上關注您等等。

當您對“喜歡”按鈕的外觀感到滿意時,您可以轉到“加載更多按鈕”屏幕。
“加載更多”按鈕鼓勵訪問者滾動瀏覽更多 Facebook 提要,因此 Smash Balloon 默認將其添加到您的嵌入式相冊中。

由于這是一個非常重要的按鈕,您可以通過顏色、文本顏色和標簽來幫助 Load More 脫穎而出。
另一種選擇是通過單擊“啟用”切換來完全刪除按鈕。

默認情況下,Smash Balloon允許訪問者在不離開您的網站的情況下瀏覽您的Facebook相冊。
他們只需單擊任何相冊即可打開燈箱,如下圖所示。

然后,訪問者可以使用箭頭滾動瀏覽相冊。
如果他們想喜歡照片,發表評論或與Facebook好友分享圖像,則可以單擊“在Facebook上查看”鏈接。

您可以通過幾種不同的方式自定義默認燈箱。
要查看您的選項,請單擊左側菜單中的“燈箱”。

在這里,您可以更改燈箱文本、鏈接和背景顏色的顏色。
燈箱功能使人們可以輕松地與您的照片互動,但它也允許用戶滾動瀏覽您的相冊,而無需訪問您的 Facebook 頁面。如果您想吸引更多訪問者訪問您的Facebook頁面,那么您可以通過單擊“啟用”切換來禁用燈箱功能。

現在,如果訪問者點擊相冊,他們將被重定向到新選項卡中的Facebook頁面。
當您對相冊的外觀感到滿意時,請不要忘記單擊“保存”以存儲更改。
您現在可以將這些相冊添加到您的WordPress網站。
如何將Facebook相冊添加到WordPress
您可以使用塊,小部件或短代碼將Facebook相冊添加到WordPress。
如果您使用 Smash Balloon 創建了多個提要,那么如果您要使用塊或小部件,則需要知道提要的代碼。
只需轉到Facebook Feed ? All Feeds,然后查看短代碼的部分。您需要將此代碼添加到塊或小部件中,因此請記下它。feed=""
在下圖中,我們需要使用 .custom-facebook-feed feed=1

如果您想在頁面或帖子中嵌入您的 Facebook 相冊,那么您通常會使用自定義 Facebook Feed 塊。
只需打開要嵌入相冊的頁面或帖子即可。然后,單擊“+”圖標以添加新塊并開始輸入“自定義Facebook提要”。
當右側塊出現時,單擊以將其添加到您的頁面或帖子中。

默認情況下,該塊將顯示您的粉碎氣球提要之一。如果您想改用其他 Feed,只需在右側菜單中找到“簡碼設置”即可。
現在可以將代碼添加到此框中。之后,點擊“應用更改”。custom-facebook-feed feed=1

該塊現在將顯示您的Facebook頁面或群組中的相冊。只需發布或更新頁面即可使相冊在您的網站上生效。
另一種選擇是將提要添加到任何小部件就緒區域,例如側邊欄或類似部分。這允許訪問者從您網站的任何頁面查看您的 Facebook 照片。
只需轉到WordPress儀表板中的外觀?小部件,然后單擊藍色的“+”按鈕。

完成此操作后,找到自定義Facebook提要小部件。
然后,只需將其拖到要顯示提要的區域即可。

該小部件將顯示您使用粉碎氣球創建的源之一。
要顯示不同的提要,請在“簡碼設置”框中輸入提要的代碼,然后單擊“應用更改”。

您現在可以單擊“更新”按鈕以使小部件上線。
最后,您可以使用短代碼將相冊嵌入到任何頁面、帖子或小部件就緒上。
只需轉到Facebook Feed?所有Feeds,然后復制“簡碼”列中的代碼。現在,您可以將簡碼添加到站點上任何小部件就緒區域。
在WordPress中添加特定的Facebook相冊
Smash Balloon還允許您在WordPress網站上的任何位置嵌入特定的Facebook相冊。這允許您向訪問者顯示您的最新相冊,或顯示與頁面其余內容相關的相冊。例如,如果您已,則可能還希望顯示過去事件的相冊。
要嵌入特定的Facebook相冊,您需要通過轉到Facebook Feed ? Extensions購買并安裝相冊擴展。
在這里,找到“相冊”擴展,然后單擊其“添加”按鈕。

這將在新選項卡中打開Smash Ballon網站,其中包含有關如何購買專輯擴展的說明。
獲得擴展后,您可以以與安裝插件完全相同的方式安裝它。
激活插件后,轉到 Facebook 提要 ? 所有提要,然后單擊“添加新的”。
在“高級 Feed 類型”下,選擇“單張專輯”,然后單擊“下一步”。

現在,您可以選擇要用作源的頁面或組,并按照上述相同過程選擇模板。
在下一頁上,您需要輸入要嵌入的相冊的 ID。

在新標簽頁中,只需打開要顯示的 Facebook 相冊即可。
您現在可以復制 = 符號后面的數字,以及句點和 & 符號之間的數字。例如,在下圖中,我們需要復制447443907512397。

您現在可以將這些數字粘貼到WordPress儀表板中。
之后,單擊“下一步”,粉碎氣球將獲取專輯。

之后,您可以設置相冊的樣式并將其按照上述相同過程添加到您的網站。
獎勵:如何向WordPress添加更多社交媒體提要
如果你想那么Smash Balloon Facebook Feed插件是一個不錯的選擇。
但是,許多網站有多個社交媒體帳戶,例如 YouTube 頻道、Twitter 個人資料和 Instagram 帳戶。如果您為每個平臺創建獨特的內容,那么在您的網站上顯示此內容是有意義的。
如果您在 Instagram 上分享圖片,則可以,然后將其添加到任何頁面、帖子或小部件就緒區域。您甚至可以。

視頻是吸引訪問者注意力并將其保留在您的網站上的好方法。
考慮到這一點,您可能希望。







