非插件整合带管理功能的Facebook留言框到WordPress

将一个带管理功能的Facebook留言框整合到WordPress,让读者在浏览您的博客的同时也能够有机会关注您的Facebook,可以说是一箭双雕的一件好事。WordPress本身已经有了留言功能,但不可管理,而整合的Facebook留言功能允许您设定管理者的帐号、在Facebook上查看留言等操作,十分方便。您可以继续保留WordPress 原来的留言框,保持双重留言模式,仍然可以在一定程度上满足喜好不同的留言者的需要。

整合Facebook留言框到WordPress的好处:无需插件,利用的是外部资源,对WordPress系统本身没有负担;留言会同步到Facebook个人涂鸦墙。也有一些缺点,例如,您必须拥有一个Facebook帐户,并且已经申请了应用程序开发授权;再有就是,Facebook在国内已经被屏蔽,使用起来不是很方便,不过,如果您真的想使用Facebook,我相信没有什么障碍是冲不破的。

一、申请Facebook应用程序

为了让使用者可以更方便的管理Facebook留言功能,我们首先需要申请Facebook的应用程序,相关教程请看这一篇:如何创建Facebook应用程序、并获取API密钥?

第1步

申请好Facebook应用程序后,首先请到这里,进入应用程序管理。

整合Facebook留言框到WordPress

将如上图中所示的应用程序ID记录下来,接着请点“编辑设置”进入下一步。

第2步

在出现的页面中左边菜单项中,切换到“Web Site”这一栏,然后在“Site URL”输入框中输入您的博客首页网址,结尾要加上斜线,然后点“保存更改”即可。

编辑 Sayblogdotme留言

二、获取Facebook Comments代码

第1步

进入社区插件页面,如下图所示:获取Facebook Comments代码

在这里输入一些相关信息,包括:

  • URL to comment on :留言网址(这个可以随便填写,后面需要修改)
  • Number of posts:留言显示数量
  • Width:留言框宽度
  • Color Scheme:留言框背景颜色(有深色和浅色)

填写好后点击“Get Code”,准备获取代码。

第2步

复制代码

Comments  Facebook

第3步

以上的代码一般放到主题的single.php文件中就可以了。我们需要将代码中的en_US改成zh_CN,这样留言框才会显示中文;由于我们嵌入代码的是 WordPress 动态文件single.php,需要将之前填写的网址改成动态网址,只需将href=”http://www.sayblog.me/“中的http://www.sayblog.me/改成<?php the_permalink() ?>就可以了。修改后的代码如下:

<div id="fb-root">
</div>
<script src="http://connect.facebook.net/zh_CN/all.js#xfbml=1">
</script>
<fb:comments href= "<?php the_permalink() ?>" num_posts="8" width="600px">
</fb:comments>

第4步

最后请打开主题的header.php,在</head>之前加上以下这两条代码,不要忘记了填上相应的ID:

<meta property="fb:app_id" content=" 您的应用程序ID "> 
<meta property="fb:admins" content=" 您的Facebook帐户的ID"/>

至于Facebook帐户的ID,可以登录您的个人主页通过查看网址获得,一般会有两种格式,第一种是这样的:

http://www.facebook.com/profile.php?id=一串数字

数字部分就是您的Facebook帐户ID号了。

第二种网址格式是这样的:

http://www.facebook.com/帐户名

ID号可以通过访问这个地址获得:
https://graph.facebook.com/帐户名
在出现的页面上您将会看到”id“,它后面那串数字就是您的Facebook帐户的ID号。

三、留言管理

完成以上所有设置之后,您基本上就可以看到效果了,下面是我自己的Facebook留言框:

QQ截图未命名

看到图中的”Public Comments“、”Moderator View“和一个”设置“按钮了吧,您可以通过这些按钮对留言进行管理,而无需离开您的博客。

另外,您通过以下这条网址登录Facebook,也可以管理人们在您的博客上的留言:http://developers.facebook.com/tools/comments

Comment Moderation Tool

补充:

您不喜欢以上Facebook留言整合的方法?使用插件Facebook Comments for WordPress 也能够达到同样的效果,插件的使用方法这里就不作介绍了。

你可能还喜欢:

分享这篇日志:

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>