!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress输入QQ号一键获取用户名及邮箱

WordPress输入QQ号一键获取用户名及邮箱

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

WordPress输入QQ号一键获取用户名及邮箱

在我实际的测试过程中,发现了一些小问题,于是仿造博客112的做法,对代码做了简单修改。好了,废话不多说,还是看下具体的部署方法。注意:对主题进行修改操作之前请自行备份需要修改的文件,以防误操作引起的网站崩溃!!!

自建API获取QQ信息

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

好吧,其实这里面还是通过腾讯开放的接口获取到Q Q用户的真实昵称。

JavaScript脚本调用API

将以下代码添加到主题的主要 JS 文件中去,DUX主题添加到 /js/main.js 文件中即可,当然如果主题支持后台自定义代码也可以直接放在后台自定义代码位置,注意加上 script 标签。

注意:如果网站开启 HTTPS 的话注意将上述代码中链接改为对应的 https 格式。

配置前端显示代码

将以下代码填入你主题的 comments.php 文件中:

就我目前所使用的 DUX 主题而言将下面这段代码填到 comments.php 文件中的 ul 标签之后即可:

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

给TA打赏
共{{data.count}}人
人已打赏
网站运维

DUX主题首页显示置顶文章

2022-9-12 12:31:50

网站运维

DUX主题5.0版本更新—全面支持百度熊掌号(dux主题美化教程)

2022-9-12 12:32:34

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索