WordPress顯示facebook「讚」技巧
臉書是什麼東西暫時拋到腦後,路人甲當時沉迷於小遊戲而接觸facebook臉書,時間與熱度慢慢的解除一昧追求流行瘋狂的行為,當回歸理智後發現原來臉書的社群功能才是它主要的拿手絕活,進而發現facebook的粉絲專頁也蠻不錯的,更沒想到會自己架部落格(wordpress),為了wordpress與facebook能結合,google一下發現facebook有提供社群插件,就硬著頭皮試試,果然就這麼輕鬆將wordpress與facebook結成親家了。
▼首先至社群插件網頁,此網頁有許多有用的插件可運用,路人甲選擇按下【Link Button】。
▼進入設定頁面後,第一個是URL to Link是頁面網址的指定,由於路人甲是要在部落格(wordpress)內文呈現,所以先填一個易記的編號(如"00000"),待程式碼產生後較容易尋找並取代,Layout Style為佈置的型態,選擇預設的standard,Show Faces則是否要顯示faces,接下來是區塊的寬度指定預設值,Verb to display就是"讚"的顯示,Font顧名思義就是字型,Color Scheme預設light,最後按下[Get Code]來產生程式碼。
▼「Like Button」提供兩種嵌入按鈕到網頁的方式,路人甲剛學習網頁設計,當然選擇比較簡單的iframe方式插入,至於較複雜的XFBML請自行研究。下圖即是產生的程式碼視窗,將iframe內的程式碼複製起來。
▼wordpress的佈景主題是採外掛的方式,路人甲無法得知每個佈景主題的設計差異,一般來說文章頁面是single.php檔,在\wp-content\themes\佈景主題名稱下就可找到,利用文字編輯器開啟single.php檔,並尋找"<?php the_title(); ?>"字串,找到後在下一行貼上剛才複製的程式碼(如紅色框區塊),最後將"00000"內容替換成"<?php the_permalink() ?>"即大功告成。
▼將修改後的single.php存檔覆蓋原網頁伺服器上,重新進入網頁選擇任何一篇文章,如下圖出現了facebook的連結,以後讀者覺得文章不錯可以直接按下讚與留言,不需要再進入facebook網頁po文了。