- 资源介绍
- 更新记录
- 安装教程
最近去朋友的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转载请保留本链接,谢谢!
猜你喜欢
-
WordPress自动为新文章添加已使用过的标签
2020-06-08 -
WordPress纯代码实现ajax评论无限加载教程
2020-06-07 -
WordPress获取自定义文章类型分类法的所有文章循环
2020-06-08 -
WordPress后台如何禁止编辑主题和插件
2020-06-08 -
WordPress添加网站文章内容页字数统计代码
2020-06-08 -
WordPress小技巧:移除菜单导航中自带的多余类名
2020-06-08 -
WordPress教程之添加用户自定义字段(user_meta)到用户资料
2020-06-08 -
WordPress优化之去掉分类链接中的category
2020-06-08 -
ripro如何添加css显示图?
2020-07-02 -
WordPress如何调用指定ID文章
2020-06-08
-
WordPress如何添加多个自定义菜单
2020-06-08 -
WordPress后台如何查看当天用户注册数量以及用户注册时间排序教程
2020-06-07 -
WordPress如何调用最新评论的文章列表
2020-06-08 -
WordPress文章随机显示缩略图的实现方法
2020-06-08 -
ripro怎么删除自动标签?
2020-06-28 -
WordPress如何在后台显示自带友情链接?
2020-06-08 -
WordPress美化教程_为文章内容页添加展开收缩功能
2020-06-08 -
WordPress如何调用全站、同分类随机文章
2020-06-08 -
WordPress如何在文章列表编辑特色图像
2020-06-07 -
WordPress如何获取某个标签下的文章总数
2020-06-08
猜你在找
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 大资源网
- 2020-06-08Hi,初次和大家见面了,请多关照!
最后编辑:2020-10-20



