Facebook 粉絲框 2015 全新改版,來幫部落格放一下和更新吧!

Facebook時常改版,身為網站經營者的你也不能錯過Facebook粉絲團的外掛工具「Facebook Box 粉絲框」,現在這個粉絲框居然要改版了,行之多年的就版Facebook粉絲框,從最早期的iframe語法、FBML語法到HTML5語法,現在要全面汰舊換新,改成全HTML5語法並搭配新版樣式,新版樣式更增添了Facebook Cover封面圖,讓你整個小工具顯得更有質感。

新版的語法一旦全面強迫更新,對於許多喜歡在內文塞粉絲團的用戶應該是一個莫大的打擊,因為得一篇篇去將語法拿掉,否則那些FB粉絲框是全數失效無法顯示。不過Facebook粉絲框早期用iframe好處是比較不影響網頁載入,現在全數改為Javascript+HTML5,可能未來常常會有延遲載入的狀況,因為Facebook常常會等全站資源載入完畢後才顯示出他的外掛工具。


很久很久以前香腸寫過「如何在部落格放Facebook粉絲框?」,其實新版的放置方法也差不多,有別於iframe語法變成兩段語法(如果你早就用過HTML5版本,你就不陌生),如果懶人可以把語法通通塞在同一個地方,如果你是比較嚴謹的朋友,則可以將另一段語法放到網頁最底端。如果你是使用BSP部落格的朋友,像是痞客邦、天空、Xuite,可能就比較無法彈性的分段放置,建議是通通塞入側邊欄。

fbpage_box_cover

下午看到有新版,立刻替工作室的網站「阿腸網頁設計工作室」改版並換上新版粉絲框,感覺整個很有質感的FU,還沒換新版的Facebook粉絲框語法嗎?趕快來行動囉!

舊版官方停止服務訊息

根據Facebook官方消息來源,原先舊版的Like Box的臉書粉絲框工具將於2015年6月23日停止使用。所以使用者必須手動更新此外掛,將語法提早更新為新版本,否則到期後可能就無法使用了。

Facebook 粉絲框全新改版,來幫部落格放一下吧!

這是舊版的粉絲框樣式,即將於2015年6月23日被新版取代掉囉!

Facebook 粉絲框全新改版,來幫部落格放一下吧!

幫部落格換上新版Facebook粉絲團框框

  • 網站名稱:Facebook Page Plugin
  • 網站網址:按這裡

第1步   首先來到新版Facebook Page Plugin,輸入粉絲團的網址並設定高寬,即可點選﹝Get Code﹞產生語法。

  • Facebook Page URL:粉絲團網址
  • Width:寬度
  • Height:高度
  • Hide Cover Photo:隱藏粉絲團封面圖
  • Show Friends’s Face:顯示粉絲頭像
  • Show Page Posts:顯示粉絲團最新貼文

Facebook 粉絲框全新改版,來幫部落格放一下吧!

第2步  接著選擇「APP ID」與「Language」,然後下方會有兩段語法。

  • APP ID:選擇FB的APP ID,如果尚未建立請參考FB APP ID建立教學
  • Language:語言,選擇【Traditional Chinese(Taiwan)】。

Facebook 粉絲框全新改版,來幫部落格放一下吧!

第3步  以WordPress用戶來說,建議把上面「程式碼1」的語法貼到版型裡面的「footer.php」檔案中,約莫在「</body>」標籤之前的位置。

Facebook 粉絲框全新改版,來幫部落格放一下吧!

第4步  接著來到你放粉絲框語法的位置,替換掉舊版語法。例如我們放在側邊欄,那可以直接新增「文字小工具」,然後貼上上方的「程式碼2」語法並點選﹝儲存﹞。

Facebook 粉絲框全新改版,來幫部落格放一下吧!

第5步  回到網頁前端看,是不是就換成新版了呢?

Facebook 粉絲框全新改版,來幫部落格放一下吧!

第6步  如果其他非WordPress的網站,其時可以將「程式碼1」和「程式碼2」一起貼到要顯示的位置,也可以正常呈現,放上新版的Facebook粉絲框,是不是蠻酷的呢?(以下是阿腸網頁設計工作室官網)

Facebook 粉絲框全新改版,來幫部落格放一下吧!