当前位置:秋叶网络博客 WP教程 ◊ WordPress评论一键获取qq资料填写评论框

WordPress评论一键获取qq资料填写评论框

作者:秋叶 发表时间:2014年12月23日

之前看到过emlog模版上有人做过关于一键获取qq资料的功能,主要是用于评论模块的评论框的填写,无论是wordpress还是emlog还是z-blog程序,在进行评论的时候都要我们输入昵称,邮箱,网址。而这三个填写框对于我们这些懂建站的人士来说确实是不足为奇,我们都会填写,但是对于局外人士访问你的网站,却对这种填充感到莫名其妙,多多少少有点不人性,要填充那么多东西,还要输入网址,对于没有博客的人来说,哪来的网址啊,很多人就不知道怎么填写了,即使我输我的qq空间的网址,一个一个输也太麻烦了吧,所以在这一块会拦截很多评论。于是emlog就有人为这种人架设桥梁:输入qq号一键获取资料填充评论框。即方便又快捷。

当我看到这种功能后,觉得很人性,于是就专门下载了个带有这种功能的emlog主题,在本地把核心代码提取出来,放到wp里面,结果发现行不通,emlog和wp还是有点不一样的~经过反复完善测试,已经成功把这一功能整合到wordpress里面了,现在教大家怎么做。

在主题的comments.php里面找到书写评论的评论框代码,直接用查找法找到<textarea,然后在<textarea></textarea>前面一行添加,获取qq资料的主要功能代码:

<!--获取QQ号码及用户资料-->
<?php
  if(isset($_POST['u'])){
    header('Content-Type: text/html; charset=utf8');
    $ret = '';
    if(preg_match('/\"nickname\":\"([^\"]+)\"/', file_get_contents('http://r.qzone.qq.com/cgi-bin/user/cgi_personal_card?uin='.$_POST['u']), $QQInfo)){
    $ret = $QQInfo[1];
  }
  echo '<script>document.getElementById("author").value = "'.$ret.'";</script>';
  echo '<script>document.getElementById("email").value = "',$_POST['u'],'@qq.com";</script>';
  echo '<script>document.getElementById("url").value = "http://user.qzone.qq.com/',$_POST['u'],'";</script>';
}?>

然后再查找评论框的form表单代码<form,在其前面加入:

<form action="#respond" method="POST" style="margin:10px 0 5px 16px;">
   <div class="qqinfo"><input placeholder="请输入您的QQ号码" value="" type="text" name="u" size="16" id="qqinfo"/>
   <input type="submit" value="获取资料" class="fabiao"></div>
</form>

就添加这两块代码就行了,css自行控制,请注意一定要按照我的代码布置顺序添加,否则会出现各种各样的问题,如果你的wp自行更改了昵称,邮箱,网址表框的id的话,请自行修改红色部分的author,email,url,为你的表框的id。
——————————————————————————————————————————————————————
这个api不敢保证永久有效,建议看最新你文章《让QQ游客也可以评论个人独立博客
——————————————————————————————————————————————————————

目录: WP教程 | 标签: , | 10567次阅读