如何在WordPress中顯示您的Facebook時間軸


您想在您的網站上顯示您的Facebook時間軸帖子嗎?

通過將您的Facebook更新添加到您的網站,您可以使用戶保持實時更新,甚至可以增加您的Facebook關注度。

在本文中,我們將向您展示如何輕鬆地在WordPress中顯示Facebook時間軸。

在WordPress中顯示您的Facebook時間線

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

在WordPress中顯示您的Facebook時間線

我們將使用Smash Balloon的Custom Facebook Feed Pro將我們的Facebook時間軸添加到我們的WordPress網站。

首先,您需要訪問Smash Balloon網站並下載Custom Facebook Feed Pro插件。

接下來,您需要在網站上安裝並激活插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

注意: 該插件還有一個免費版本,稱為Smash Balloon Social Post Feed。 這樣可以很好地顯示時間線中的文本和鏈接。 但是,它不會顯示照片。

激活後,轉到 Facebook Feed»設置 在您的WordPress儀表板中。 在這裡,您需要連接您的Facebook帳戶。

將您的Facebook帳戶連接到Custom Facebook Feed插件

接下來,您需要確定是顯示Facebook頁面還是組時間軸。 我們將使用我們的Facebook頁面。

注意: 您無法通過個人資料顯示時間軸。 這是由於Facebook的隱私政策。

繼續將Facebook Feed Pro連接到Facebook

然後,Facebook會提示您同意並授予Smash Balloon權限以訪問您的Facebook帳戶。 只需按照屏幕上的提示進行操作即可。

然後,您將再次看到“自定義Facebook Feed設置”頁面,並彈出一個對話框,要求您選擇要使用的頁面。 單擊所需的頁面,然後單擊“連接此頁面”按鈕:

選擇您要連接到網站的Facebook頁面

現在,您應該在“自定義Facebook Feed”配置設置的“已連接帳戶”部分中看到您的頁面。 不要忘記單擊“保存設置”按鈕進行保存。

確保單擊按鈕以保存對設置的更改

現在,是時候開始將Facebook時間軸從您的頁面添加到您的網站了。 只需打開要放置時間線的帖子或頁面,或創建一個新的帖子或頁面。

也可以將時間線添加到WordPress側邊欄,我們將在本教程的後面部分介紹。

我們將通過以下方式創建一個新頁面: 頁»添加新。 在頁面編輯屏幕上,單擊(+)圖標,將自定義Facebook Feed塊添加到WordPress塊編輯器中:

將Facebook feed區塊添加到頁面

您可以在內容編輯器中立即查看Facebook feed的預覽。 繼續並預覽或發布您的頁面以在您的站點上檢出它。 這是我們的Facebook時間表:

我們的Facebook頁面時間表顯示在我們的WordPress頁面上

我們在時間軸中添加了一些樣式,以使其在我們的網站上看起來很棒。 接下來,我們將研究如何使用“自定義Facebook Feed Pro”自定義自己的Facebook時間軸。

使用Smash Balloon Facebook Feed Pro自定義您的Facebook時間線

自定義Facebook Feed Pro可讓您更改有關時間軸的各種選項。 讓我們看一些關鍵的。

只需轉到 Facebook Feed»設置 WordPress信息中心中的頁面。

向下滾動到“設置”部分,您會看到一些關鍵選項。 例如,您可能決定只顯示5個帖子:

更改網站上Facebook時間線中顯示的帖子數

在[Facebook Feed»定制 您可能想嘗試的頁面。 此頁面為您提供了許多不同的選項,可從不同的選項卡中進行選擇。

自定義Facebook Feed插件的自定義選項

要更改時間線的佈局,只需單擊“發布佈局”標籤。 我們已在此處頂部的帖子中選擇了“半角”樣式。 進行任何更改後,請不要忘記單擊“保存更改”按鈕:

在Facebook時間線上使用半角帖子

接下來,轉到“樣式帖子”標籤以更改帖子的樣式。 我們認為這裡的“盒裝”樣式很棒。 我們給了我們的帖子圓角加上陰影:

通過添加框和圓角來更改時間軸中Facebook帖子的樣式

同樣,請確保在離開頁面之前保存更改。

在WordPress邊欄中添加自定義Facebook時間線

如果要在邊欄中而不是在帖子或頁面中顯示Facebook時間線,該怎麼辦? 您可以使用“自定義Facebook Feed”輕鬆完成此操作。

首先,前往 外觀»小部件 WordPress管理區域中的頁面。 然後,將“文本”窗口小部件拖動到側邊欄中您想要時間軸的任何位置。 現在,只需輸入簡碼 [custom-facebook-feed] 在小部件中並保存。

向小部件添加自定義Facebook feed

您的Facebook時間軸現在將顯示在網站的側邊欄中:

在側邊欄中查看Facebook時間線

我們希望本文能幫助您學習如何在WordPress中顯示Facebook時間軸。 您可能還想查看有關增加博客流量和最佳WordPress插件的簡單方法的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。