第1步  开启Facebook Social plugins网站,按一下「Like Button」。网页上还有很多实用的Facebook外挂工具,有兴趣的话可以陆续试用看看。

01  

 

第2步  开启「Like Button」设定页面后,先在「URL to Like」方框填入「00000」,这是为了等等修改程式码时好辨识用的。如果你的「赞」按钮要放在固定网址的单一页面,可以直接把网页网址填上去。如果你是使用WordPerss或其他架站系统,可以先填上「00000」,然后等一下再把网页网址的参数替换上去就可以。

其他栏位请依照你的使用需求填一填,再按一下「Get Code」按钮。

02

 

  

第3步  接著请将「iframe」方框中的程式码全选后按右键、复制下来。

03  

 

第4步  本文是以WordPress架站程式为例,用纯文字档编辑器开启「\wp-content\themes\布景主题名称」资料夹中的「single.php」档案,找到「<?php the_title(); ?>」这一行,在下方贴上刚刚的「赞」按钮程式码:

<iframe src="https://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&amp;layout=standard&amp;show_faces=false&amp;width=600&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:600px; height:35px;" allowTransparency="true"></iframe>

记得要把程式码中的「00000」替换成「<?php the_permalink() ?>」,修改完后请存档并将档案上传到网页伺服器上。

04 

注意!一般WordPress布景主题的设计中,是「single.php」用这个档案来控制单篇文章的内容呈现,如果你没找到「single.php」档案,则可能是整合在「index.php」档案里了。因为不同布景主题有不同的设计与变化,请依照实际状况修改。

  

 

第5步  更新完布景主题档案后,我们可以看到网页标题下方多出了一个Facebook的「赞」按钮,请直接按下去试试看可否正常运作。

 05

 

第6步  按完赞之后,还可以在上面直接发表留言。

06

查看原文 >>
相关文章