如何在部落格放Facebook的「讚」按鈕（以WordPress為例）

✪☛☛☛☛點我預約諮詢改變學習模式✪想要更輕鬆更簡單更有來效率來讀書方嗎?

【★備考策略實體書贈送活動★】贈書活動開跑囉！此書可以協助你來準備【公職考試、國家考試、國營事業考試、證照考試】，想獲得實體書的你，現在請點擊連結➦https://bit.ly/38R3y2O咱們專屬頁面中見^^

Spread the love

由於使用Facebook的人越來越多，透過FB上人際關係所引來的流量似乎也有快速增加的趨勢，如果你希望在部落格或網站上放上Facebook的「讚」按鈕，讓網友們讀完文章後可以馬上按「讚」把文章推薦給FB上的朋友，可以試試看Facebook提供的Social plugins外掛程式把「讚」按鈕放自己的部落格上。

FB的「Like Button」提供兩種嵌入按鈕到網頁的方式，一種是比較簡單的iframe插入，另外一種比較複雜，需透過XFBML與JavaScript SDK的方式來達成。以下介紹簡單的用iframe框架頁嵌入，只要填寫好你要顯示「讚」按鈕的網頁網址，並設定一下按鈕樣式、區塊寬度、字型...等等細節，最後再按一下「Get Code」按鈕即可完成。

網站名稱：Facebook Social plugins
網站網址：http://developers.facebook.com/plugins?footer=1
WordPress專用嵌入程式碼：
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&layout=standard&show_faces=false&width=600&action=like

&font=verdana&colorscheme=light&height=35″ scrolling=”no”

frameborder=”0″ style=”border:none; overflow:hidden; width:600px; height:35px;” allowTransparency=”true”></iframe>

重灌狂人Facebook粉絲專頁：http://www.facebook.com/briiancom

使用方法：

第1步開啟Facebook Social plugins網站，按一下「Like Button」。網頁上還有很多實用的Facebook外掛工具，有興趣的話可以陸續試用看看。

第2步開啟「Like Button」設定頁面後，先在「URL to Like」方框填入「00000」，這是為了等等修改程式碼時好辨識用的。如果你的「讚」按鈕要放在固定網址的單一頁面，可以直接把網頁網址填上去。如果你是使用WordPerss或其他架站系統，可以先填上「00000」，然後等一下再把網頁網址的參數替換上去就可以。

其他欄位請依照你的使用需求填一填，再按一下「Get Code」按鈕。

第3步接著請將「iframe」方框中的程式碼全選後按右鍵、複製下來。

第4步本文是以WordPress架站程式為例，用純文字檔編輯器開啟「\wp-content\themes\佈景主題名稱」資料夾中的「single.php」檔案，找到「<?php the_title(); ?>」這一行，在下方貼上剛剛的「讚」按鈕程式碼：

&font=verdana&colorscheme=light&height=35″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:600px; height:35px;” allowTransparency=”true”></iframe>

記得要把程式碼中的「00000」替換成「<?php the_permalink() ?>」，修改完後請存檔並將檔案上傳到網頁伺服器上。