WordPress评论获取QQ头像和昵称教程

最近去朋友的WordPress博客留言时，看到朋友博客的留言板有个特别好玩的功能，就是输入QQ号码一键可以获取到QQ头像和QQ昵称，我觉得特别的有意思，于是在网上搜了搜相关的WordPress教程，相关的内容挺多的。

为了以后方便使用，先整理记录下来。具体的效果就如下图所示：

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

这个网上能找到代码，在主题的评论页面找到你主题输出昵称、邮箱、网址等表单结构依样添加  input 标签，比如我的表单结构是：

<code 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文件：

<code :
// 这是输出值，可以拿来在前端输出，这里已经在钩子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支持）：

<code class=\”avatar avatar-40 photo\”

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

有什么不懂的也可以添加我们的QQ WordPress交流群和大家一起交流

WordPress建站交流群：8424781


文章来自大资源网https://www.dzy10.com转载请保留本链接，谢谢!