欢迎光临
我们一直在努力
扫描二维码在手机上浏览
WordPress相关

WordPress评论时输入QQ号自动获取用户名及邮箱

经常浏览博客且常留言的小伙伴可能会发现一些网站上为了方便用户快速输入用户信息提供了一个“输入QQ号快速填写信息”的功能,功能不大但确实有利于增加博客留言的积极性。今天无意浏览博客的时候发现了这段代码的出处 —— 秋叶网络博客,遂记录之。希望能帮助到同样需要此功能的小伙伴们尽快部署上。

注意:对主题进行修改操作之前请自行备份需要修改的文件,以防误操作引起的网站崩溃!!!

具体步骤:

  1. 自建API获取QQ信息
    新建一个 PHP 文件,将下面代码丢进去,文件名可自取,这里以 get_qq_info.php 命名。创建完成后将 get_qq_info.php 文件丢到网站根目录下以用于以后调取,其实你也可以将它放在网站的任何一个目录下,只需要保证后面 JS 代码调取是路径正确即可。

    <?php 
    header('Content-Type: text/html;charset=utf-8');
    $QQ=$_GET["qq"];
    if($QQ!=''){
    $urlPre='http://r.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?g_tk=1518561325&uins=';
    $data=file_get_contents($urlPre.$QQ);
    $data=iconv("GB2312","UTF-8",$data);
    $pattern = '/portraitCallBack\((.*)\)/is';
    preg_match($pattern,$data,$result);
    $result=$result[1];
    echo $result;
    }else{
    echo "请输入qq号!";
    }
    ?>
  2. JavaScript脚本调用API
    将以下代码添加到主题的主要 JS 文件中去,当然如果主题支持后台自定义代码也可以直接放在后台自定义代码位置,注意加上 script 标签。

    function fn_qqinfo(){
    var qq_num=$('#qqinfo').val();
    if(qq_num){
    if( !isNaN(qq_num)){
    $.ajax({
    url:"http://你网站地址/get_qq_info.php",
    type:"get",
    data:{qq:qq_num},
    dataType:"json",
    success:function(data){
    $("#email").val(qq_num+'@qq.com');
    $('#comment').focus();
    if(data==null){
    $("#author").val('QQ游客'); 
    }else{
    $("#author").val(data[qq_num][6]==""?'QQ游客':data[qq_num][6]);
    } 
    },
    error:function(err){
    $("#author").val('QQ游客');
    $("#email").val(qq_num+'@qq.com');
    $('#comment').focus();
    }
    });
    }else{
    $("#author").val('你输入的好像不是QQ号码');
    $("#email").val('你输入的好像不是QQ号码');
    } 
    }else{
    $("#author").val('请输入您的QQ号');
    $("#email").val('请输入您的QQ号');
    }
    }
  3. 配置前端显示代码,一般是comments.php文件。
    <input class="你主题的对应样式" type="text" name="qqinfo" id="qqinfo" maxlength="12" value="" tabindex="5" placeholder="输入QQ号快速填写信息" onblur="fn_qqinfo()" /><span class="你主题的对应样式" >Q Q(选填)</span>

至此,全部修改操作完成,注意刷新 CDN 缓存及浏览器缓存等,避免不能实时查看到效果。

THE END
历史上的今天
二月
13
    哇哦~~~,历史上的今天没发表过文章哦
标签
喜欢就支持一下吧!!!
点赞0打赏分享
版权声明
本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。
转载请注明:文章转载自:灵阳星空 » WordPress评论时输入QQ号自动获取用户名及邮箱
本文标题:WordPress评论时输入QQ号自动获取用户名及邮箱
本文日期:本文发表于 2020/02/13 11:20:17,最后更新于 2020/02/13 11:20:17,如内容失效,请反馈给我们,谢谢!
本文地址: https://www.jsksky.com/enter-qq-number-to-get-user-name-and-email-automatically-when-commenting-on-wordpress.html

网络臭虫

已发布503篇文章
吃得苦中苦,方为人上人,不卧薪藏胆,哪能苦尽甘来?点击进入我的网站了解更多有关我的信息。

评论 抢沙发

A 作者 M 管理员

评论前必须登录!

 


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏