Wordpress显示facebook「讚」技巧

脸书是什幺东西暂时抛到脑后,路人甲当时沉迷于小游戏而接触facebook脸书,时间与热度慢慢的解除一昧追求流行疯狂的行为,当回归理智后发现原来脸书的社群功能才是它主要的拿手绝活,进而发现facebook的粉丝专页也蛮不错的,更没想到会自己架部落格(wordpress),为了wordpress与facebook能结合,google一下发现facebook有提供社群插件,就硬着头皮试试,果然就这幺轻鬆将wordpress与facebook结成亲家了。

 

▼首先至社群插件网页,此网页有许多有用的插件可运用,路人甲选择按下【Link Button】。

 

Wordpress显示facebook「讚」技巧

 

 

▼进入设定页面后,第一个是URL to Link是页面网址的指定,由于路人甲是要在部落格(wordpress)内文呈现,所以先填一个易记的编号(如"00000"),待程式码产生后较容易寻找并取代,Layout Style为布置的型态,选择预设的standard,Show Faces则是否要显示faces,接下来是区块的宽度指定预设值,Verb to display就是"讚"的显示,Font顾名思义就是字型,Color Scheme预设light,最后按下[Get Code]来产生程式码。

 

Wordpress显示facebook「讚」技巧

 

▼「Like Button」提供两种嵌入按钮到网页的方式,路人甲刚学习网页设计,当然选择比较简单的iframe方式插入,至于较複杂的XFBML请自行研究。下图即是产生的程式码视窗,将iframe内的程式码複製起来。

 

Wordpress显示facebook「讚」技巧

 

 

▼wordpress的布景主题是採外挂的方式,路人甲无法得知每个布景主题的设计差异,一般来说文章页面是single.php档,在\wp-content\themes\布景主题名称下就可找到,利用文字编辑器开启single.php档,并寻找""字串,找到后在下一行贴上刚才複製的程式码(如红色框区块),最后将"00000"内容替换成""即大功告成。

Wordpress显示facebook「讚」技巧

 

▼将修改后的single.php存档覆盖原网页伺服器上,重新进入网页选择任何一篇文章,如下图出现了facebook的连结,以后读者觉得文章不错可以直接按下讚与留言,不需要再进入facebook网页po文了。

 

Wordpress显示facebook「讚」技巧