連接 Facebook 帳戶

點(diǎn)擊“添加新建”按鈕，連接 Facebook 帳戶。

選擇顯示 Facebook 頁面或群組，并將插件與 Facebook 帳戶連接。如果已經(jīng)有 API 訪問令牌，可以點(diǎn)擊“手動添加帳戶”選項(xiàng)。

如果沒有 API 訪問令牌，選擇“連接到 Facebook”。

登錄 Facebook 帳戶，并點(diǎn)擊“繼續(xù)”允許 Smash Balloon 連接。

選擇 Facebook 頁面

登錄后，選擇 Facebook 頁面。

配置 Smash Balloon WordPress 的權(quán)限，建議保留所有選項(xiàng)開啟，然后點(diǎn)擊“完成”。

接著點(diǎn)擊“確定”。

選擇 Facebook 頁面并點(diǎn)擊“添加”。

完成初始設(shè)置

初始設(shè)置到此完成，點(diǎn)擊“下一步”繼續(xù)。

根據(jù)需要配置附加功能，然后點(diǎn)擊“下一步”。

系統(tǒng)可能會要求安裝一些插件，可以關(guān)閉這些選項(xiàng)并繼續(xù)。

最后，會看到提示“太棒了，一切準(zhǔn)備就緒！”。向下滾動，找到“完成設(shè)置（無需升級）”選項(xiàng)并點(diǎn)擊它。

設(shè)置完成
插件已成功配置！接下來，可以：

• 創(chuàng)建網(wǎng)站動態(tài)
• 自定義動態(tài)類型
• 嵌入動態(tài)

步驟 2：創(chuàng)建一個新的 Facebook 動態(tài)

現(xiàn)在可以創(chuàng)建一個新的 Facebook 動態(tài)了。按照下面步驟操作：

1. 點(diǎn)擊“添加新建”。

2. 選擇想要的 Facebook 動態(tài)類型（例如：時間軸），然后點(diǎn)擊“下一步”。

3. 選擇 Facebook 頁面并點(diǎn)擊“下一步”。

步驟 3：自定義 Facebook 動態(tài)

現(xiàn)在，可以個性化網(wǎng)站動態(tài)外觀了。

1. 使用左側(cè)的設(shè)置來自定義動態(tài)的外觀。

2. 點(diǎn)擊“動態(tài)布局”選項(xiàng)，選擇三種布局之一：列表、網(wǎng)格（Masonry）或輪播（Carousel）。

• 列表布局：將 Facebook 動態(tài)以單列垂直排列顯示，給每條動態(tài)提供更多展示空間，讓其更顯眼。

• 網(wǎng)格布局：將 Facebook 動態(tài)按多列排列，并保留動態(tài)的原始比例。
• 輪播布局：如果希望讓訪客可以更靈活地查看動態(tài)，可以選擇這種布局。

3. 保存選擇的布局。

4. 調(diào)整配色方案，提供以下四種選項(xiàng)：

• 繼承主題（Inherit From Theme）
• 淺色（Light）
• 深色（Dark）
• 自定義（Custom）
  選擇喜歡的配色方案并點(diǎn)擊“保存”。

5. 用其他自定義選項(xiàng)進(jìn)一步優(yōu)化 Facebook 動態(tài)設(shè)計(jì)。

完成后，可以進(jìn)入第 4 步，將 Facebook 動態(tài)嵌入到網(wǎng)站中。

步驟 4：嵌入 Facebook 動態(tài)

可以通過多種方式將 Facebook 動態(tài)嵌入到 WordPress 網(wǎng)站，包括使用區(qū)塊、小工具或短代碼。

1. 用 Facebook Feed 區(qū)塊

• 如果用的是區(qū)塊編輯器（古騰堡編輯器），可以選擇 Facebook Feed 區(qū)塊。

• 選擇想要顯示的 Facebook 動態(tài)。

• 預(yù)覽時，應(yīng)該可以看到之前自定義的動態(tài)。

2. 將動態(tài)添加到小工具區(qū)域

• 進(jìn)入 外觀 > 小工具，將動態(tài)添加到支持小工具的區(qū)域（例如側(cè)邊欄）。

• 點(diǎn)擊藍(lán)色的“+”按鈕，在搜索欄中搜索“Facebook Feed”，然后將其拖動到選擇的小工具區(qū)域。

• 添加到側(cè)邊欄后，F(xiàn)acebook 動態(tài)將顯示類似的效果。

3. 用短代碼嵌入動態(tài)

• 可以通過短代碼將動態(tài)嵌入到任何頁面、文章或支持小工具的區(qū)域。
• 從 Facebook Feed > 所有動態(tài) 中復(fù)制短代碼，然后將其粘貼到目標(biāo)頁面、文章或小工具區(qū)域。

• 預(yù)覽時，動態(tài)將顯示類似的效果。

如何手動將 Facebook 頁面添加到 WordPress 網(wǎng)站

Facebook 提供了一個集成工具——Facebook Page Plugin，可以直接在 WordPress 網(wǎng)站上展示頁面的時間軸、活動和消息。

然而，與插件方法相比，這種方法對新手來說有一定的局限性。

用 Facebook 原生插件對非技術(shù)用戶可能會比較復(fù)雜，因?yàn)樗婕岸鄠€網(wǎng)頁的操作，并需要手動復(fù)制和粘貼各種代碼片段到 WordPress 網(wǎng)站中。

此外，如果代碼片段有任何一點(diǎn)錯誤，可能會影響網(wǎng)站的功能并導(dǎo)致問題。如果仍然想用這個方法，可以按照下面步驟操作：

1. 輸入 Facebook 頁面 URL
輸入 Facebook 頁面的網(wǎng)址。

2. 選擇要包含在動態(tài)中的選項(xiàng)
可以選擇以下三個選項(xiàng)：

• 時間軸（Timeline）
• 活動（Event）
• 消息（Messages）
  注意：要添加選項(xiàng)，用逗號分隔它們的名稱（例如：timeline, events, messages）。要移除選項(xiàng)，只需省略該選項(xiàng)名稱即可。

3. 指定動態(tài)的寬度和高度
設(shè)置想要在 WordPress 網(wǎng)站上顯示的動態(tài)寬度和高度。

• 可以切換顯示小標(biāo)題和封面照片的設(shè)置。
• 調(diào)整插件的容器寬度。
• 顯示 Facebook 好友頭像。

4. 獲取代碼
配置好設(shè)置后，點(diǎn)擊“獲取代碼”（Get Code）獲取 JavaScript SDK 和 iFrame 代碼。

5. 嵌入代碼
復(fù)制提供的代碼，并將其粘貼到想要添加 Facebook 動態(tài)的頁面、文章、小工具或頁腳部分中。

完成上面步驟后，就可以在 WordPress 網(wǎng)站上展示 Facebook 動態(tài)了。

總結(jié)

將 Facebook 動態(tài)添加到 WordPress 網(wǎng)站是提升品牌知名度、吸引興趣并贏得信任的好方法。

在文章中，我們探討了兩種將 Facebook 動態(tài)集成到 WordPress 網(wǎng)站的方法：使用插件和手動集成。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息