如何在 WordPress 中嵌入 Facebook 狀態帖子

您是否正在尋找一種在 WordPress 中嵌入 Facebook 狀態帖子的方法?

Facebook 狀態是與您的受眾共用重要更新和時間敏感信息的簡便方法。 通過在 WordPress 中嵌入您的 Facebook 時間線,您可以獲得更多參與,讓人們知道您的 Facebook 頁面或群組上發生的事情,並增加您的關注者。

在本文中,我們將向您展示如何在 WordPress 中嵌入 Facebook 狀態帖子。

如何在 WordPress 中嵌入 Facebook 狀態帖子

為什麼在 WordPress 中嵌入 Facebook 狀態?

Facebook 是全球最受歡迎的社交媒體平臺,擁有數十億活躍使用者。 對於網站擁有者而言,Facebook 是一種與新受眾建立聯繫並與已經瞭解您品牌的人互動的強大方式。

Facebook 也非常適合即時共享時間敏感的資訊。 通過這種方式,您可以使用FOMO來營造緊迫感。

例如,您可以發佈有關訪問者如何沒有時間在 WordPress 中輸入您的贈品或利用您的閃購的狀態。

但是,如果人們只是訪問您的網站,他們將看不到您的Facebook狀態。 這使得增加您的 Facebook 關注度並與您的受眾建立關係變得困難。

通過在 WordPress 中嵌入您的 Facebook 狀態帖子,您可以宣傳您的社交媒體頁面並鼓勵更多人在 Facebook 上關注您。

當您發佈新狀態時,它們會自動出現在您的網站上,因此這也是讓您的網站保持新鮮的好方法,即使對於普通訪問者也是如此。

話雖如此,讓我們看看如何在 WordPress 中嵌入 Facebook 狀態帖子。

將 Facebook 狀態外掛程式添加到 WordPress

在 WordPress 中嵌入 Facebook 狀態提要的最簡單方法是使用免費的Smash Balloon Social Post Feed

此外掛程式可讓您顯示來自您的 Facebook 頁面或群組的文字和連結。

嵌入在 WordPress 網站上的 Facebook 帖子時間軸。

在本指南中,我們將使用 Smash Balloon 的免費版本,因為無論您的預算是多少,它都允許您嵌入 Facebook 狀態。 但是,Smash Balloon Facebook Feed可讓您嵌入不同類型的內容。 例如,您可以在 WordPress 中嵌入 Facebook 視頻,並在您網站的燈箱彈出視窗中顯示圖像和視頻。

您需要做的第一件事是安裝並啟動 Smash Balloon Social Post Feed 外掛程式。

之後,您需要通過轉到Facebook Feed» All Feeds將 Smash Balloon 連接到您的 Facebook 頁面或群組。 在這裡,點擊“新增”。

如何創建自定義Facebook提要

Smash Balloon pro 可讓您顯示相冊、時間線、事件等中的帖子。

但是,免費版本只允許您嵌入您的 Facebook 狀態,因此請點擊“時間線”,然後選擇“下一步”。

免費的 Smash Balloon WordPress 外掛程式

現在,您需要選擇您將從中獲取 Facebook 狀態的頁面或群組。

要開始,請按兩下「添加新項」。

將 Facebook 頁面或組添加到您的 WordPress 網站

在下一個螢幕上,選擇是否要嵌入來自Facebook群組或Facebook頁面的提要。

之後,繼續並按兩下連接到Facebook。

如何將 Facebook 頁面或群組連接到 WordPress 網站

這將打開一個彈出視窗,您可以在其中登錄您的 Facebook 帳戶並選擇要從中獲取狀態更新的頁面或組。

一旦你這樣做了,點擊“下一步”。

授予 Smash Balloon 訪問您 Facebook 帖子的許可權

然後,Facebook 將顯示 Smash Balloon 可以存取的所有資訊以及它可以執行的操作。

要限制 Smash Balloon 訪問您的 Facebook 帳戶,只需按下任何開關將其從“是”變為“否”。 請注意,這可能會影響您可以嵌入到WordPress 博客或網站中的內容。

考慮到這一點,最好啟用所有開關。

使用免費外掛程式連接 Facebook 和 WordPress

如果您對 Facebook 許可權的設置方式感到滿意,請點擊“完成”。

片刻之後,您應該會看到一條消息,確認您已將WordPress 網站連接到Facebook。 完成後,按兩下確定按鈕。

成功連接 Smash Balloon 和 Facebook

Smash Balloon 現在會自動將您帶回 WordPress 儀錶板。

如何在 WordPress 中嵌入 Facebook 狀態帖子

您現在將看到一個彈出視窗,其中包含您剛剛連結到您網站的來源。 只需選擇您的 Facebook 頁面或群組旁邊的單選按鈕,然後按下「添加」按鈕。

選擇一個頁面或組作為您的 Facebook 來源

如果您不小心關閉了彈出視窗,請不要擔心。 您只需刷新選項卡即可重新打開彈出視窗。

之後,Smash Balloon 會自動將您帶回Facebook Feed » All Feeds頁面。 就像以前一樣,按兩下添加新按鈕,選擇「時間軸」,然後按下「下一步」按鈕。

現在,選擇您的 Facebook 頁面或群組,然後按兩下一步。

在 WordPress 中嵌入 Facebook 狀態帖子

Smash Balloon 現在將繼續並從您選擇的 Facebook 頁面或群組創建時間線提要。

這是一個好的開始,但 Smash Balloon 有很多設置,您可以使用它們來自定義您的嵌入式時間線。

如何自定義您的嵌入式 Facebook 狀態帖子

要微調您的時間線,請轉到Facebook Feed » WordPress 儀錶板中的所有 Feed。

在這裡,找到您剛剛創建的時間線提要,然後按兩下它旁邊的“編輯”按鈕。

自訂Facebook狀態時間線提要

這將打開 Smash Balloon 提要編輯器,它會在右側顯示時間線的預覽。

在左側,您會看到所有可用於自定義時間軸在您網站上的外觀的不同設置。 大多數這些設置都是不言自明的,但我們將很快涵蓋所有主要領域。

在 WordPress 中自定義 Facebook 狀態帖子

首先,您可以通過按兩下“Feed Layout”來更改狀態的顯示方式。

在此螢幕上,您可以在清單和磚石佈局之間切換,以及更改提要高度。 當您進行更改時,預覽會自動更新,因此您可以嘗試不同的設置來查看最適合您網站的設置。

Smash Balloon 的 Feed Layout 設置

您可以使用右上角的一排按鈕預覽您的狀態源在台式電腦、平板電腦和智慧手機上的外觀。

行動裝置通常螢幕較小,處理能力較弱,因此如果您對提要的外觀不滿意,那麼在平板電腦和智慧手機上顯示較少的狀態是明智的。

在行動裝置上測試您的 Facebook 帖子狀態

要進行此更改,只需在「帖子數」部分的「移動」字段中輸入不同的數位即可。

通過嘗試不同的佈局,您可以創建一個在所有設備上看起來都很棒的 Facebook 狀態資訊流。

如何為行動裝置創建回應式社交媒體佈局

默認情況下,與台式機相比,Smash Balloon 提要在智慧手機和平板電腦上顯示的列較少。 這有助於您的Facebook狀態在較小的螢幕上舒適地顯示。

測試 WordPress 網站的行動版本後,您可能希望在智慧型手機和平板電腦上顯示更少的列。

為此,只需更改「列」下的數位即可。

在Facebook狀態提要中添加和刪除列

如果您對Feed的外觀感到滿意,請按兩下自定義連結。

這會將您帶回到 Smash Balloon 主編輯器,準備好探索下一個設置螢幕,即「配色方案」。

Smash Balloon 預設使用從您的WordPress 主題繼承的配色方案,但在此螢幕上,您可以切換到“淺色”或“深色”外觀。

您還可以透過選擇「自定義」 然後使用控制項更改 WordPress 中的文字顏色、更改背景顏色等來創建自己的配色方案。

使用 Smash Balloon 建立自定義配色方案

默認情況下,Smash Balloon 會在您的供稿中添加標題,這是您的 Facebook 個人資料圖片和群組或頁面的名稱。

要自定義此部分,請按兩下左側功能表中的“標題”。

更改Facebook自定義提要標題

在这里,您可以更改标题大小和颜色、隐藏您的 Facebook 个人资料图片等。

如果您希望完全删除标题,请单击以关闭“启用”开关。

将标题添加到 Facebook 状态提要

接下来,您可以通过从左侧菜单中选择“帖子样式”来更改各个帖子在您的提要中的外观。

之后,再次单击“发布样式”。

在此屏幕上,您可以在常规布局和盒装布局之间进行选择。

如果您选择“盒装”,那么您可以为每个 Facebook 帖子创建一个彩色背景。

为嵌入式 Facebook 帖子状态添加彩框背景

如果您選擇「常規」,則可以更改分隔不同社交媒體帖子的線條的粗細和顏色。

在下圖中,我們在Facebook狀態提要中添加了一條粗線。

為 Smash Balloon Facebook 提要添加邊框

您還可以透過返回主設置螢幕自訂每個狀態中的各個部分。

再次選擇「發佈樣式」 但這次選擇「編輯單個元素」。

自訂Facebook狀態提要中的帖子

您現在將看到 Smash Balloon 在每個帖子中包含的所有不同內容的清單,例如日期、帖子作者和活動標題。

要從您的提要中刪除一段內容,只需按下以取消選取它的框。

如何從即時 Facebook 提要中刪除內容

您還可以透過按下來自定義每種類型的內容的外觀。

例如,在下圖中,您可以看到用於更改作者文本的大小和顏色的設置。

默認情況下,Smash Balloon 不會在您的資訊流中包含 Facebook 的“讚”按鈕。

這個按鈕使訪問者更容易在Facebook上關注你,所以你可能想通過選擇 「喜歡框 」設置將其添加到你的狀態反饋中。

之後,只需點擊 「啟用 」按鈕,使其變成藍色。

你現在可以使用設置來改變連結框出現的位置和包含在框中的內容種類,如你的Facebook封面照片和粉絲總數。

如果你升級到Smash Balloon premium,那麼還有一些設置可以探索。 這包括一個燈箱功能,允許訪問者在彈出視窗中探索你的內容。

由於你現在使用的是Smash Balloon的免費版本,你可以繼續點擊 「保存 」來存儲你的更改。

下一步是將Facebook狀態源添加到你的WordPress網站。

如何在WordPress中嵌入Facebook狀態帖子

您可以使用塊、小部件或短代碼將您的 Facebook 狀態提要添加到 WordPress。

如果您使用 Smash Balloon 創建了多個提要,那麼如果您要使用塊或小部件添加提要,則需要知道提要的代碼。

要獲取此資訊,只需轉到Facebook Feed » All Feeds,然後查看短代碼部分。 您需要將此代碼添加到塊或小部件中,因此請記下它。 feed=""

在下面的示例中,我們需要使用.feed="8"

使用短代碼將Facebook內容添加到 WordPress

如果您想在頁面或帖子中嵌入您的Facebook狀態,那麼我們建議使用「自定義Facebook動態」塊。

只需打開您想要嵌入狀態提要的頁面或帖子。 然後,按兩下“+”圖示以添加新塊並開始輸入“自定義Facebook Feed”。

當出現正確的塊時,按兩下以將其添加到帖子或頁面。

使用 WordPress 塊將 Facebook 時間線添加到您的網站

默認情況下,該塊將顯示您的 Smash Balloon 提要之一。 如果您想改用其他提要,只需在右側功能表中找到“簡碼設置”即可。

您現在可以將代碼添加到此框中。 完成後,按兩下「應用更改」 按鈕。 feed=""

使用短代碼顯示不同的 Facebook 提要

該塊現在將顯示來自您的 Facebook 頁面或組的所有狀態更新。 只需發佈或更新頁面即可使提要生效。

另一種選擇是將提要添加到任何小部件就緒區域,例如側邊欄或類似部分。 這允許訪問者在您的整個網站上看到您最新的 Facebook 更新。

只需轉到WordPress 儀錶板中的外觀 » 小部件,然後按兩下藍色的“+”按鈕。

現在,開始在搜索欄中輸入 「自定義Facebook Feed」,以找到合適的小部件。

你現在可以把它拖到你想顯示你的Facebook狀態更新的地方。 默認情況下,該小組件將顯示你用Smash Balloon創建的Feeds中的一個。

要顯示一個不同的Feeds,而不是,將Feeds的代碼輸入『短碼設置』框,然後點擊『應用更改』。

你現在可以點擊 「更新 」按鈕,使小組件生效。

最後,你可以使用短碼將你的狀態嵌入到任何頁面、帖子或可使用小工具的區域。 要獲得短碼,只需進入Facebook Feed “ All Feeds,並複製 「短碼 」欄中的數值。

您現在可以將此代碼添加到您的網站。

分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *