HI,欢迎您光临本站,秉承服务宗旨,销售只是起点,服务永无止境!
    • 短视频文案
      • 励志哲理
      • 名言美句
      • 情感语录
      • 回复热评
      • 解说文案
    • 短视频素材
      • 情感励志
      • 美食小吃
      • 体育运动
      • 生活人文
      • 妙招好物
      • 风景风光
      • 影音娱乐
      • 颜值时尚
      • 游戏动漫
      • 自然景观
    • 短视频课程
      • 同城课程
      • 带货课程
      • 投放课程
      • 玩法课程
    • 中视频素材
    • 短视频工具
    • 副业项目
资源分享吧
  • 首页
  • CMS模板host
    • DEDECMS模板965
    • 易优CMS318
    • WordPress模板146
    • Discuz模板101
    • 帝国CMS102
    • 苹果cms78
    • Pbootcms24
    • zblog模板2
  • 整站源码
    • 教育/交友/直播76
    • 商城/淘宝/网店26
    • 门户/论坛/信息27
    • 小说/新闻/博客76
    • 电影/视频/音乐22
    • 图片/素材/下载49
    • 支付/金融/货币356
    • 导航/目录/友链25
    • 会员/推广/任务57
    • 公众号/小程序/游戏133
  • 一元夺宝new
    E启学在线网校网站在线教育校园教学平台程序系统V1.0源码
    E启学在线网校网站在线教育校园教学平台程序系统V1.0源码
    Laravel开发MeEdu在线点播网站源码 知识付费应用系统源码
    Laravel开发MeEdu在线点播网站源码 知识付费应用系统源码
    一比一精仿电影挖片网苹果cmsv10模板
    一比一精仿电影挖片网苹果cmsv10模板
    织梦高仿dede58织梦模板下载站完整无错整站版源码 1.69GB打包
    织梦高仿dede58织梦模板下载站完整无错整站版源码 1.69GB打包
    蓝色清晰织梦资源网下载站源码
    蓝色清晰织梦资源网下载站源码
    全景通旗舰版最新源码 内核到krpano1.19pr8 支持任何高清图
    全景通旗舰版最新源码 内核到krpano1.19pr8 支持任何高清图
    thinkPHP音视频素材资源下载站整站源码 带会员系统+支付接口
    thinkPHP音视频素材资源下载站整站源码 带会员系统+支付接口
    仿集图网模板图片素材类模板织梦下载站源码带整站数据
    仿集图网模板图片素材类模板织梦下载站源码带整站数据
    织梦蓝色图纸展示类企业网站源码
    织梦蓝色图纸展示类企业网站源码
    Thinkphp5.0响应式进销存仓库管理系统源码
    Thinkphp5.0响应式进销存仓库管理系统源码
    prev
    next
  • 网页素材
    • 网页游戏148
    • 网页模板4723
    • 特效代码5467
  • 办公素材
    • PPT模板377
    • 简历模板0
  • 站长学院
    • DEDE教程352
    • wordpress教程416
    • SEO教程124
    • 其它文档教程13
  • 更多
    • 办公教程4
    • 群辉教程12
    • 电脑基础7124
    • GPS导航
    • 安卓系统15
      • Android资讯2
      • ROM0
      • 教程工具0
    • Win系统169
      • Windows XP3
      • Windows 77
      • Windows 80
      • Windows 1012
      • 服务器系统1129
      • Win主题12
      • Win教程26
      • Win资讯0
      • Win软件98
    • 站点标签
    • 更新日志
    • 其他10
登录/注册
  • 精品会员专享
  • 会员折扣下载
  • 每日海量更新
立即开通 开通会员抄底价
当前位置:资源分享吧 > WordPress评论输入QQ一键获取头像和昵称的功能
也想出现在这里? 联系我们吧

WordPress评论输入QQ一键获取头像和昵称的功能

作者 : 小编 本文共5037个字,预计阅读时间需要13分钟 发布时间: 2020-09-15 共1.06K人阅读
也想出现在这里? 联系我们吧

最近我看到很多站长的WordPress博客留言需要输入QQ获取头像及昵称,就产生了兴趣,就去搜索了相关的WordPress教程,今天就分享一下WordPress评论输入QQ一键获取头像和昵称的功能。

具体的效果就如下图所示:

步骤一:插入QQ字段到评论表单

首先我们在正在使用的WordPress主题评论页面文件找到昵称、邮箱、网址等表单结构依样添加 input 标签,比如我的表单结构是:

<p class=”comment-form-author”>

<label>昵称</label>

<input id=”yuao-comt-author” name=”author” type=”text” value=”<?php echo esc_attr($comment_author); ?>” maxlength=”245″ required=”required” placeholder=”必填” />

</p>

全选代码复制

添加QQ照着复制就行了,昵称等文本改成QQ,注意name属性值要改成new_field_qq,下面传参要用到。

前端代码加了input,后端就要添加字段用来存储前端提交到数据库的QQ信息。

下方代码请添加到主题中functions.php文件:

// 数据库插入评论表单的qq字段

add_action(‘wp_insert_comment’,’inlojv_sql_insert_qq_field’,10,2);

function inlojv_sql_insert_qq_field($comment_ID,$commmentdata) {

$qq = isset($_POST[‘new_field_qq’]) ? $_POST[‘new_field_qq’] : false;

update_comment_meta($comment_ID,’new_field_qq’,$qq); // new_field_qq 是表单name值,也是存储在数据库里的字段名字

}

// 后台评论中显示qq字段

add_filter( ‘manage_edit-comments_columns’, ‘add_comments_columns’ );

add_action( ‘manage_comments_custom_column’, ‘output_comments_qq_columns’, 10, 2 );

function add_comments_columns( $columns ){

$columns[ ‘new_field_qq’ ] = __( ‘QQ号’ ); // 新增列名称

return $columns;

}

function output_comments_qq_columns( $column_name, $comment_id ){

switch( $column_name ) {

case “new_field_qq” :

// 这是输出值,可以拿来在前端输出,这里已经在钩子manage_comments_custom_column上输出了

echo get_comment_meta( $comment_id, ‘new_field_qq’, true );

break;

}

}

步骤二:输入qq号实时获取昵称和头像

然后,评论者在QQ表单填入qq号之后,ajax会向后端发送get请求,将qq号传给后端API文件进行处理,处理完毕再把信息返回到前端,依靠js把信息(昵称和头像)输出到前端评论表单上。

而当访客评论完毕,刷新页面时,昵称和头像显示在评论表单上,这时候就要用到cookie操作。

下方为前端处理的js代码(主题需要jQuery支持):

// 初始化

$(function(){

inlojv_js_getqqinfo();

});

// 设置cookie

function setCookie(a,c){var b=30;var d=new Date();d.setTime(d.getTime()+b*24*60*60*1000);document.cookie=a+”=”+escape(c)+”;expires=”+d.toGMTString()}

// 获取cookie

function getCookie(b){var a,c=new RegExp(“(^| )”+b+”=([^;]*)(;|$)”);if(a=document.cookie.match(c)){return unescape(a[2])}else{return null}}

// 核心函数

function inlojv_js_getqqinfo(){

// 获取cookie

if(getCookie(‘user_avatar’) && getCookie(‘user_qq’) ){

$(‘div.comment-user-avatar img’).attr(‘src’,getCookie(‘user_avatar’));

$(‘#yuao-comt-qq’).val(getCookie(‘user_qq’));

}

$(‘#yuao-comt-qq’).on(‘blur’,function(){

var qq=$(‘#yuao-comt-qq’).val(); // 获取访客填在qq表单上的qq数字,其中#yuao-comt-qq表示QQ input标签上的id,改成你自己的!

$(‘#yuao-comt-email’).val($.trim(qq)+’@qq.com’); // 将获取到的qq,改成qq邮箱填入邮箱表单,其中#yuao-comt-email表示邮箱input标签上的id,改成你自己的!

// ajax方法获取昵称

$.ajax({

type: ‘get’,

url:’http://127.0.0.1/func_getqqinfo.php?type=getqqnickname&qq=’+qq, // func_getqqinfo.php是后端处理文件,注意路径,127.0.0.1 改成你自己的域名

dataType: ‘jsonp’,

jsonp: ‘callback’,

jsonpCallback: ‘portraitCallBack’,

success: function(data) {

// console.log(data);

$(‘#yuao-comt-author’).val(data[qq][6]); // 将返回的qq昵称填入到昵称input表单上,其中#yuao-comt-author表示昵称input标签上的id,改成你自己的!

alert(‘已获取昵称!’); // 弹出警告

setCookie(‘user_qq’,qq); // 设置cookie

},

error: function() {

$(‘#yuao-comt-qq,#yuao-comt-author,#yuao-comt-email’).val(”); // 如果获取失败则清空表单,注意input标签上的id,改成你自己的!

alert(‘糟糕,昵称获取失败!请重新填写。’); // 弹出警告

}

});

// 获取头像

$.ajax({

type: ‘get’,

url: ‘http://127.0.0.1/func_getqqinfo.php?type=getqqavatar&qq=’+qq, // func_getqqinfo.php是后端处理文件,注意路径,127.0.0.1 改成你自己的域名!

dataType: ‘jsonp’,

jsonp: ‘callback’,

jsonpCallback: ‘qqavatarCallBack’,

success: function(data) {

$(‘div.comment-user-avatar img’).attr(‘src’,data[qq]); // 将返回的qq头像设置到你评论表单区域显示头像的节点上,div.comment-user-avatar img表示头像节点img标签,改成你自己的!

alert(‘已获取头像!’); // 弹出警告

setCookie(‘user_avatar’,data[qq]); // 设置cookie

},

error: function() {

alert(‘糟糕,获取头像失败了!请重新填写。’); // 弹出警告

$(‘#yuao-comt-qq,#yuao-comt-author,#yuao-comt-email’).val(”); // 清空表单

}

});

});

}

下面是后端处理的php代码(需用到两个api),新建一个func_getqqinfo.php文件,将文件放到网站根目录与上面ajax请求的路径要一致!

<?php

header(“content-Type: text/html; charset=utf-8”);

$type = @$_GET[‘type’] ? $_GET[‘type’] : ”;

if(empty($type)){

//header(“Location:http://www.wpToo.com/”);

exit;

}

if($type == “getqqnickname”){

$qq = isset($_GET[‘qq’]) ? addslashes(trim($_GET[‘qq’])) : ”;

if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){

$qqnickname = file_get_contents(‘http://users.qzone.qq.com/fcg-bin/cgi_get_portrait.fcg?uins=’.$qq); // API

if($qqnickname){

$qqnickname = mb_convert_encoding($qqnickname, “UTF-8”, “GBK”);

echo $qqnickname;

}

}

}

if($type == “getqqavatar”){

$qq = isset($_GET[‘qq’]) ? addslashes(trim($_GET[‘qq’])) : ”;

if(!empty($qq) && is_numeric($qq) && strlen($qq) > 4 && strlen($qq) < 13){

$qqavatar = file_get_contents(‘http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin=’.$qq); // API

if($qqavatar){

echo str_replace(“pt.setHeader”,”qqavatarCallBack”,$qqavatar);

}

}

}

步骤三:让QQ头像显示在评论列表和后台评论上

一般情况下,WordPress的评论头像默认是gravatar,所以我们用get_avatar过滤器来对默认头像的调用方式进行改造。以下代码加入到主题的functions.php里

/**

* 修改后台头像

* 若有qq字段则显示qq头像,若没有则显示gravatar

*/

add_filter( ‘get_avatar’, ‘inlojv_change_avatar’, 10, 3 );

function inlojv_change_avatar($avatar){

global $comment;

if( get_comment_meta( $comment->comment_ID, ‘new_field_qq’, true ) ){

$qq_number = get_comment_meta( $comment->comment_ID, ‘new_field_qq’, true );

$qqavatar = file_get_contents(‘http://ptlogin2.qq.com/getface?appid=1006102&imgtype=3&uin=’.$qq_number);

preg_match(‘/http:(.*?)&t/’,$qqavatar,$m); // 匹配 http: 和 &t 之间的字符串

return ‘<img src=”‘.stripslashes($m[1]).'” class=”avatar avatar-40 photo” width=”40″ height=”40″ alt=”qq_avatar” />’;

}else{

return $avatar ;

}

}

WordPress评论获取QQ头像和昵称教程到这里基本就完成了,如果你有一定的代码基础,也可以对js的处理部分进行与主题相匹配的改造。

wordpress教程
1. 本站所提供的源码模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: rayer@88.com),我们会及时删除,给您带来的不便,我们深表歉意!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布投稿,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请联系站长,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.zyfx8.cn",如遇到无法解压的请联系管理员!
本站部分文章、资源来自互联网,版权归原作者及网站所有,如果侵犯了您的权利,请及时联系我站删除。免责声明
资源分享吧 » WordPress评论输入QQ一键获取头像和昵称的功能

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
织梦模板使用说明
你下载的织梦模板并不包括DedeCMS使用授权,根据DedeCMS授权协议,除个人非盈利站点外,均需购买DedeCMS商业使用授权。购买地址: http://www.desdev.cn/service-dedecms.html
小编

小编 VIP

分享到:
上一篇
如何完美解决WordPress限制文件上传大小错误?
下一篇
如何删除WordPress网站中不需要的自定义字段?

发表评论 取消回复

要发表评论,您必须先登录。

最新文章
餐饮火锅加盟网站pbootcms模板源码
餐饮火锅加盟网站pbootcms模板源码
源码下载新闻资讯博客网站pbootcms模板
源码下载新闻资讯博客网站pbootcms模板
绿色人造草坪地坪施工网站源码pbootcms模板
绿色人造草坪地坪施工网站源码pbootcms模板
红色火锅加盟网站pbootcms模板源码
红色火锅加盟网站pbootcms模板源码
蓝色源码钢结构工程基建网站pbootcms模板
蓝色源码钢结构工程基建网站pbootcms模板
标签云
DEDECMS (483) dedecms教程 (326) eyoucms (270) html (364) html5 (1717) html模板 (733) Linux (1245) linux教程 (1245) wordpress教程 (380) 下载 (277) 代码 (816) 企业网站模板 (874) 企业网站模板下载 (874) 免费企业网站模板 (874) 入侵防御 (270) 公司网站模板 (874) 切换 (502) 动画 (594) 国内网站模板 (324) 图片 (582) 技术网络漏洞 (347) 插件 (447) 效果 (765) 源码 (381) 漏洞 (371) 漏洞分析 (347) 特效 (789) 电脑使用 (4064) 电脑操作 (4064) 短视频素材 (606) 笔记本电脑价格 (4037) 笔记本电脑品牌排行 (4037) 笔记本电脑知识 (4037) 笔记本电脑评测 (4037) 素材 (483) 织梦 (407) 织梦教程 (342) 网站模板 (436) 网站源码 (417) 网站漏洞检测 (347) 网络安全WEB漏洞 (347) 菜单 (299) 视频 (376) 这是 (345) 鼠标 (417)

限时优惠

【阿里云】云产品采购季,助力行业复工。新用户专享1折起,云服务器低至0.75折,更多产品可叠加专属代金券下单
立即查看

相关推荐

WordPress网站更改域名后文章可以会出现guid问题解决方法
小编小编

WordPress网站更改域名后文章可以会出现guid问题解决方法

我们给WordPress网站更换域名后,文章会出现guid,一般是因为文章使用了$post->guid作的链接,所以当修改原有链接后,用户就
  • 1.62K
  • 免费
  • 下载
删除WordPress默认“未分类”目录方法
小编小编

删除WordPress默认“未分类”目录方法

一般安装WordPress后,会在分类目录中自动创建命名为“未分类”的分类目录,默认情况下,可以编辑和正常使用,但是不能删除,其实“分类目录”在只有一个分类目录情况下是不能删除的,当存在两个或两个以上的分类目录就能删除。今天就分享一下删除WordPre...
  • 1.06K
  • 免费
  • 下载
WordPressr引用加载PHP模板方法
小编小编

WordPressr引用加载PHP模板方法

WordPressr引用加载PHP模板方法是什么?原理其实跟其他CMS都一样,不过WordPressr有他独有的引用函数。
  • 1.84K
  • 免费
  • 下载
纯代码实现WordPress评论回复自动邮件提醒
小编小编

纯代码实现WordPress评论回复自动邮件提醒

SMTP邮件功能是WordPress中很常用的功能,虽然WordPress自带了mail函数,但用自带mail函数发送邮件很容易失败或者被拒收。有很多
  • 1.06K
  • 免费
  • 下载
  • 104本站运营(天)
  • 2096用户总数
  • 885资源数(个)
  • 0近7天更新(个)
  • 2743资源大小(GB)
加入VIP获取全站资源

「资源分享吧」 ZYFX8.CN

国内极具人气的网络源码资源交流学习平台
下载源码文章,学软件教程,找灵感素材,尽在「资源分享吧」

按Ctrl+D收藏本站

找资源就上「 资源分享吧 」

WWW.ZYFX8.CN

资源分享吧

资源分享吧(www.zyfx8.cn)是一家专门做精品素材的网站,网站以网站源码、网站模板、网页特效为主要内容,以“共享创造价值”为理念,以“尊重原创”为准则。

本站导航
  • 热门标签
  • 网站专题
  • 站点地图
更多导航
  • 申请友链
  • 用户协议
  • 免责声明
快速搜索
    友情链接 自助申请友链
  • RiTheme主题
  • wordpress主题
  • 在线PS修图
  • 源码下载
  • 网站模板
  • 资源分享吧
Copyright 2015-2020 版权所有 资源分享吧 Rights Reserved. 蜀ICP备14022927号-1
资源分享吧(www.zyfx8.cn)是一家专门做精品素材的网站,以“共享创造价值”为理念,以“尊重原创”为准则。
  • 会员特惠
  • 签到
  • 客服

    在线客服

    点我联系

    直接说出您的需求!
    切记!带上资源链接与问题!

    工作时间: 9:30-21:30

  • 更新
    日历
  • 全屏
  • 首页

  • 签到

  • 切换

  • 客服

资源分享吧
  • 登录
  • 注册
or
or
忘记密码?
资源分享吧
  • 首页
  • CMS模板host ►
    • DEDECMS模板965
    • 易优CMS318
    • WordPress模板146
    • Discuz模板101
    • 帝国CMS102
    • 苹果cms78
    • Pbootcms24
    • zblog模板2
  • 整站源码 ►
    • 教育/交友/直播76
    • 商城/淘宝/网店26
    • 门户/论坛/信息27
    • 小说/新闻/博客76
    • 电影/视频/音乐22
    • 图片/素材/下载49
    • 支付/金融/货币356
    • 导航/目录/友链25
    • 会员/推广/任务57
    • 公众号/小程序/游戏133
  • 一元夺宝new
    E启学在线网校网站在线教育校园教学平台程序系统V1.0源码
    E启学在线网校网站在线教育校园教学平台程序系统V1.0源码
    Laravel开发MeEdu在线点播网站源码 知识付费应用系统源码
    Laravel开发MeEdu在线点播网站源码 知识付费应用系统源码
    一比一精仿电影挖片网苹果cmsv10模板
    一比一精仿电影挖片网苹果cmsv10模板
    织梦高仿dede58织梦模板下载站完整无错整站版源码 1.69GB打包
    织梦高仿dede58织梦模板下载站完整无错整站版源码 1.69GB打包
    蓝色清晰织梦资源网下载站源码
    蓝色清晰织梦资源网下载站源码
    全景通旗舰版最新源码 内核到krpano1.19pr8 支持任何高清图
    全景通旗舰版最新源码 内核到krpano1.19pr8 支持任何高清图
    thinkPHP音视频素材资源下载站整站源码 带会员系统+支付接口
    thinkPHP音视频素材资源下载站整站源码 带会员系统+支付接口
    仿集图网模板图片素材类模板织梦下载站源码带整站数据
    仿集图网模板图片素材类模板织梦下载站源码带整站数据
    织梦蓝色图纸展示类企业网站源码
    织梦蓝色图纸展示类企业网站源码
    Thinkphp5.0响应式进销存仓库管理系统源码
    Thinkphp5.0响应式进销存仓库管理系统源码
    prev
    next
  • 网页素材 ►
    • 网页游戏148
    • 网页模板4723
    • 特效代码5467
  • 办公素材 ►
    • PPT模板377
    • 简历模板0
  • 站长学院 ►
    • DEDE教程352
    • wordpress教程416
    • SEO教程124
    • 其它文档教程13
  • 更多 ►
    • 办公教程4
    • 群辉教程12
    • 电脑基础7124
    • GPS导航
    • 安卓系统15 ►
      • Android资讯2
      • ROM0
      • 教程工具0
    • Win系统169 ►
      • Windows XP3
      • Windows 77
      • Windows 80
      • Windows 1012
      • 服务器系统1129
      • Win主题12
      • Win教程26
      • Win资讯0
      • Win软件98
    • 站点标签
    • 更新日志
    • 其他10
文章展示
交易所源码搭建教程java多语言部署
交易所源码搭建教程java多语言部署
餐饮火锅加盟网站pbootcms模板源码
餐饮火锅加盟网站pbootcms模板源码
源码下载新闻资讯博客网站pbootcms模板
源码下载新闻资讯博客网站pbootcms模板
绿色人造草坪地坪施工网站源码pbootcms模板
绿色人造草坪地坪施工网站源码pbootcms模板
红色火锅加盟网站pbootcms模板源码
红色火锅加盟网站pbootcms模板源码
蓝色源码钢结构工程基建网站pbootcms模板
蓝色源码钢结构工程基建网站pbootcms模板
开通VIP 享更多特权,建议使用QQ登录
账号登录/注册
QQ登录
微博登录
×

    回馈用户限时特惠

    「 资源分享吧 」国内极具人气的网络资源交流学习平台,海量资源每天更新,优质资源畅快下载

    终身SVIP原价 590元,国庆限时活动价仅需 “ 59元 ”,终身免费~~机不可失~~


    立即开通永久会员>>

    my** 刚刚下载了 微擎微赞通用模块