Blogtrottr
香腸炒魷魚
詳盡的WordPress架站資訊、免費軟體應用技巧教學 
Facebook 粉絲框 2015 全新改版,來幫部落格放一下和更新吧!
Mar 26th 2015, 15:09, by 香腸

發表時間:

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 粉絲框全新改版,來幫部落格放一下吧!

香腸

剛退伍的社會菜鳥,最近又開始擺攤,烤魷魚兼職偷賣香腸。買香腸沒送蒜頭,買蒜頭才送香腸....而且這件事只有三個人知道:香腸、蒜頭和烤盤.....你跟我都不會知道。
Google+ | 個人介紹 | 更多文章 »

This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜

    inswdemwp5 發表在 痞客邦 留言(0) 人氣()