如何在 WordPress 中嵌入 Facebook 相簿 (簡單方式)

10/24/2023

為什麼在 WordPress 中嵌入 Facebook 相簿?

有很多原因促使您想在 WordPress 網站中嵌入 Facebook 相簿。也許您擁有一個受歡迎的 Facebook 頁面,並不斷在那裡發布照片,這樣可以讓您的網站訪客也能看到它們。嵌入 Facebook 相簿可以增強整體的視覺吸引力和網站的用戶體驗。訪客可以輕鬆瀏覽嵌入的相簿,而無需離開您的 WordPress 頁面。

WordPress 曾經內建了對 Facebook 相簿的嵌入支持。像嵌入 YouTube 視頻一樣,您只需復製和粘貼任何 Facebook 相簿的 URL,WordPress 就會自動顯示該相簿。然而,Facebook 和 Instagram 之後更改了其 API,這些更改使得 WordPress 無法繼續支持 Facebook 和 Instagram 的 oEmbed 功能。如果您嘗試嵌入相簿鏈接,您將會收到錯誤消息。

幸運的是,使用插件可以在 WordPress 中修復 Facebook 和 Instagram 的嵌入。讓我們來看看如何在 WordPress 中輕鬆嵌入 Facebook 相簿。

步驟一:安裝 Smash Balloon Custom Facebook Feed

嵌入 Facebook 相簿到 WordPress 網站的最好方法是使用 Smash Balloon Custom Facebook Feed 插件。這個插件允許您嵌入 Facebook 狀態更新、評論、評價、社區帖子等內容到您的網站。它還允許訪客不需要訪問 Facebook 就能更仔細地查看您的照片和圖像,通過打開燈箱彈出窗口。

步驟二:將您的 Facebook 頁面或組群連接到 WordPress

這個插件允許您嵌入來自 Facebook 組群或頁面的動態。您甚至可以在每個照片下顯示最新的評論,以及獲得的總點讚數和分享數。要將您的 Facebook 頁面或組群連接到 WordPress,請轉到 Facebook Feed » All Feeds,然後點擊「Add New」。在接下來的屏幕中,選擇「Albums」並點擊「Next」,然後選擇您的 Facebook 頁面或組群作為來源。

步驟三:為相簿選擇 Facebook Feed 模板

您將看到一個彈出窗口,選擇剛才連接到的頁面或組群,然後點擊「Add」。接下來,選擇您的 Facebook 頁面或組群,並點擊「Next」。然後選擇一個顯示相簿的主題模板。選好後,點擊「Next」。

步驟四:自訂嵌入的 Facebook 相簿

Smash Balloon Custom Facebook Feed 插件提供了許多自訂相簿顯示方式的設置。在 Facebook Feed » All Feeds 頁面中,找到您的相簿 Feed 並點擊「Edit」進入編輯介面。在左側選單中,您可以調整 Feed 樣式、顏色方案、標題、加載更多按鈕等許多設置。

步驟五:將 Facebook 相簿添加到您的 WordPress 頁面或文章

要將您的 Facebook 相簿嵌入到頁面或文章,您通常會使用 Facebook Feed 塊。打開您希望嵌入相簿的頁面或文章,點擊「+」圖標添加新塊,搜索「Facebook Feed」,然後選擇剛創建的相簿 Feed。您還可以使用簡碼將相簿嵌入到小工具區域。

希望這篇文章能幫助您學會如何在 WordPress 中嵌入 Facebook 相簿。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,獲取 WordPress 的視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>