如何在WordPress上放置Facebook Feed(入門指南)

尋找將Facebook feed放在WordPress上的最佳方法?我們特別為您發布了這篇文章。

 

作為世界上最受歡迎的社交媒體平台,與您的網站交叉推廣Facebook內容是一種吸引更多受眾以培育Facebook頁面並隨著時間發展業務的好方法。

 

但是,Facebook使像您這樣的用戶感到困惑,無法在您的網站上顯示不同類型的Facebook提要。

 

因此,在本文中,您將學習將Facebook feed放入WordPress網站的最簡單方法。閱讀完本教程後,即使您不精通技術,也可以輕鬆顯示Facebook feed。

 

how-to-put-facebook-feed-on-website

 

我們開始吧?

將Facebook Feed添加到WordPress的方法

當您使用Facebook的插件手動將Facebook feed放置在您的網站上時,您會遇到很多限制,例如:

  • 令新手感到困惑:使用Facebook的插件非常複雜。它涉及多個網站,並將冗長的代碼複製並粘貼到您的網站中。
  • 網站風險:複製或粘貼代碼中的一個小錯誤可能會意外破壞您的網站。而且您知道解決站點問題通常需要多長時間,對嗎?
  • 有限的自定義:如果您使用Facebook的Page插件,則很難自定義Feed的外觀,因為您需要調整代碼段。
  • 不支持:如果在使用Facebook插件手動嵌入代碼時遇到問題,則沒有專門的支持團隊可以為您提供幫助。因此,您需要聘請昂貴的開發人員或花費大量時間自行解決問題。

擔心?您不必如此。

 

因為如果您使用WordPress插件自動將Facebook提要放到您的網站上,則不會出現這些問題

 

相反,您可以輕鬆地…

  • 在不到5分鐘的時間內將您的互動式Facebook feed嵌入到您的網站中-無需編碼
  • 控制您的Facebook feed的外觀,使其與您品牌的身份一致
  • 自定義您要顯示的Facebook feed的類型
  • 鼓勵您的網站訪問者在不離開您的網站的情況下參與您的Facebook內容

如果您使用適用於WordPress的最好的Facebook feed插件,則可以輕鬆創建完全可自定義的Facebook feed,可以在您的網站上顯示。即使您是WordPress新手,也可以對Feed的內容和設計進行更多控制!

 

因此,讓我們談談如何使用WordPress插件輕鬆,輕鬆地將Facebook feed放置在您的網站上。

在您的網站上放置Facebook feed的簡便方法

在本教程中,我們將使用Smash Balloon的Custom Facebook Feeds插件。作為最受好評的WordPress插件,它可以幫助您在網站上交叉推廣Facebook內容-無需任何技術知識。

 

custom-facebook-feed-pro

 

因為該插件的設計考慮到了用戶,所以它 超快速 且 用戶友好,特別是對於初學者。這樣,您可以輕鬆地在您的網站上嵌入任何類型的Facebook提要,甚至可以控制它的外觀。

 

沒有設計經驗?別擔心。由於該插件開箱即用,因此它會自動複製您現有主題的樣式,以跟上您品牌的視覺效果。非常適合像您這樣的移動企業主!

 

憑藉雄厚的 4.8 / 5星評級,自定義Facebook的飼料臨是通過在信任的20萬用戶 的全球。想更多地了解它如何有助於促進您的業務?在此處查看插件的完整功能列表。

 

custom-facebook-feed-pro-rating

 

最後,我們是否提到插件附帶了 一流的支持團隊 ?因此,如果您在設置Facebook feed時有任何疑問,只需向他們發送消息,他們會儘快幫助您解決。

 

考慮到這一點,讓我們進入使用自定義Facebook Feeds插件設置Facebook feed WordPress的過程。

步驟1:安裝自定義Facebook Feeds插件

將您的Facebook feed放在您的網站上的第一步是在此處獲取Custom Facebook Feeds Pro的副本。

 

將插件下載到計算機後,請按照以下分步說明來幫助您將WordPress插件安裝到您的網站。

 

成功激活插件後,您可以繼續執行下面的下一步。

第2步:連接您的Facebook帳戶

接下來,轉到您的WordPress儀錶板。從此處,導航至 Facebook Feeds»設置。在此頁面上,您可以看到藍色的「連接Facebook帳戶」按鈕。單擊它,以便您可以開始將您的Facebook帳戶連接到該插件。

 

connect-facebook-account-custom-facebook-feeds-pro

 

您可以選擇在網站上顯示Facebook頁面或Facebook組的供稿。對於本教程,我們將選擇在WordPress上放置Facebook頁面的供稿。

 

connect-facebook-page-to-plugin

 

然後,只需按照屏幕上的說明將您的Facebook帳戶鏈接到該插件即可。完成此操作後,單擊「 保存設置」 按鈕,我們將繼續進行下面的下一步。

步驟3:選擇要添加的Facebook Feed類型

對於此步驟,首先向上滾動到設置區域的最上方區域。接下來,單擊「 自定義」»「常規」 選項卡。在此頁面上,您可以輕鬆個性化您的Facebook feed的寬度,高度,填充甚至背景顏色。

 

customize-tab-custom-facebook-feeds-pro-1

 

向下滾動,直到看到「 帖子類型」部分。通過選中旁邊的框,選擇要放在網站上的Facebook feed類型。

 

facebook-slider-in-wordpress-post-type

 

例如,如果您只想發布Facebook頁面照​​片的供稿,則只需選中 照片, 然後取消選中其他所有內容即可。這樣做可以使您在網站上顯示Facebook照片供稿:

 

facebook-photos-on-website-example

 

如果要在WordPress上顯示Facebook相冊怎麼辦?只需取消選中「專輯」之外的所有複選框即可。它將顯示您的Facebook相冊的自定義供稿,如下所示:

 

albums-facebook-extension

 

或者,您是否希望將視頻的Facebook供稿嵌入到您的網站?您可以取消選中所有複選框,而僅取消選中視頻, 因此可以將視頻供稿添加到WordPress,如下所示:

 

facebook-feed-of-videos

 

在本教程中,我們將選中所有複選框以顯示Facebook feed中的所有帖子類型。選擇要添加到網站的Facebook feed類型後,點擊保存更改。然後,是時候在下面的下一步中自定義Feed的設計了。

步驟4:自定義Facebook Feed的布局

如前所述,該插件開箱即用。因此,如果您想顯示與品牌設計相符的Facebook feed,則該插件已經可以自動為您完成此操作。

 

而且,如果您希望使用更多選項來自定義Feed的外觀,則該插件提供了可幫助您完成此操作的選項。最好的部分?無需編碼,因此您可以選中或取消選中選項!

 

首先,向上滾動到設置頁面的最上方區域,然後單擊「 發布布局」 選項卡。

 

Facebook-event-feed-layout-options

 

要顯示帶有小圖像的Facebook feed,請選擇 縮略圖 布局,這樣它將顯示您的feed:

 

facebook-feed-on-website-thumbnail

 

要顯示具有較大圖像的提要,請選擇 半形 布局,您的Facebook提要將如下所示:

 

facebook-feed-on-website

 

想要顯示最大的圖像?當然,該插件也可以幫助您做到這一點。只需選擇 全寬 版式,這樣供稿中的圖像將與該示例中的圖像具有相同的大小:

 

facebook-feed-full-width-layout

 

對您的Facebook feed的布局滿意後,點擊保存更改。然後,是時候按照下面的下一步將其發布到您的網站了。

步驟5:將您的Facebook Feed放入WordPress

有兩種方法可以使用「自定義Facebook Feeds」插件將您的Facebook feed放在WordPress上,包括:

  1. Facebook Feed WordPress Block:您可以使用新的WordPress Block Editor在新帖子或頁面上顯示Facebook feed。
  2. Facebook feed Widget:您可以將Facebook feed添加到可用於widget的區域,如側邊欄或頁腳。

讓我們在下面討論這兩種選擇。

將Facebook Feed添加到WordPress塊編輯器

要使用WordPress塊編輯器將Facebook feed嵌入頁面中,請首先轉到您的儀錶板。接下來,導航到Pages»Add New 創建一個新頁面。

 

add-new-page-wordpress

 

然後,在塊編輯器中,單擊 加號(+)圖標以添加新的內容塊。查找「 自定義Facebook Feed」 塊,然後單擊它以將其添加到您的頁面。

 

add-custom-facebook-feed-block-2

 

將其添加到塊編輯器後,將自動顯示Facebook feed的預覽。確保單擊「 發布」 以使其在您的WordPress網站上生效,如下所示:

 

facebook-feed-on-website-1

將Facebook Feed添加到WordPress側邊欄 

要在網站的側邊欄上顯示Facebook供稿,可以使用「 文本」 小部件。

 

首先,從WordPress儀錶板導航到 Appearance»Widgets。然後,將「文本」 小部件拖到側邊欄區域。

 

facebook-feed-widget

 

在「文本」小部件內容區域中,粘貼以下短代碼以在WordPress上顯示您的Facebook feed:

 

[custom-facebook-feed]

 

然後,單擊保存保存您的設置。因此,現在,當您的網站訪問者簽出您的側邊欄區域時,他們可以看到您放置的Facebook feed,如下所示:

 

facebook-feed-on-website-2

 

就是這樣!

 

現在,您已經了解了如何輕鬆使用插件將Facebook feed嵌入網站。

相關文章