wordpress社会化登陆插件Open Social设置教程

今天在安装open social插件的时候总是报错103001,也就是回调地址错误,另外就是用插件的小工具调用登陆模块总是影响网页布局,费了好大周折,最后把103001问题解决了,而小工具模块是这个插件本身的缺陷,不去纠结,因为根本就不用小工具来调用,自己添加调用代码即可,下面就把整个插件使用过程写给大家,奉献给需要的朋友@!

一、open social的用途
主要用途就是用来社会化登陆,现在各种网站应用太多了,而如果每个网站都需要我们手动去注册帐户的话岂不是太麻烦了,况且大部分网站的用过都特别懒,根本就不想注册！
而这款插件恰好可以解决这个问题,只要你有QQ号或微博微信豆瓣等帐号就可以登陆安装了这个插件的网站,也就是快捷登陆,大家应该都不陌生吧!

二、open social的应用
1、下载插件
官网下载:https://www.xiaomac.com/201311150.html
网盘下载:http://pan.baidu.com/s/1eSa39OQ

2、插件安装
插件下载下来如果不能直接安装，我们就需要先解压，然后选中所有文件从新压缩成.zip格式安装包后然后在后台上传安装插件!
当然我们也可以直接在wordpress后台直接搜索 Open Social也可以直接在线安装！
如果你连插件安装都不会的话,那我就无语了,去百度一下吧！

三、插件设置
安装好插件后启用,然后进行插件的设置

1、登陆按钮,不要用小工具调用,因为这个插件的小工具模块是有问题的,没有办法和主题完美融合!我们要选择他提供的PHP代码:<?php echo open_social_login_html();?>
复制这段代码到你的主题想要放置按钮的地方,一般放到页面的顶部,也就是header.php里面,位置你自己选择,可以随便粘贴到某个位置然后再慢慢调整,不多说,不懂的给我留言!~

其中的登陆按钮、分享按钮、扩展功能、代理就都默认设置就可以了!

2、帐号设置
也就是我们要选择接入的第三方平台的帐号,比如QQ、微博、豆瓣、小米等,我们只要到这些平台的开放应用中心去申请接入,然后获得App ID和Secret Key后填写即可!@

不过有一点特别注意的就是申请API的时候填写的回调地址域名后面一定要多加一个斜杠,比如我申请的网站是http://www.mageo.cn,那么回调地址就应该是:http://www.mageo.cn/,不然就一定会出现103001的回调地址错误提示;

填好后保存更改就可以到网站去查看是否可以正常登陆了!

四、演示一下如何申请QQ的API应用
1、登陆QQ互联:http://connect.qq.com

2、点申请加入并填写注册应用

3、点击创建应用,并选择网站应用

4、填写应用资料
三个注意点:
如图:

第一就是名称和提供方必须是相关联的字段信息！最好是写相同的！
第二就是回调地址一定比网站地址多一个’/'结尾,否则无法正常回调!

第三就是验证网站的那段代码放到footer.php页脚的hook标签<?php wp_footer();?>前面,然后再去验证就会一次通过!不用按照官方提示的放到head前面!

5、完善图标素材

我们只要制作一个100100像素的随便一个图标即可,只上传一个100100的,其他的小图标就自动生成了！

最后就等着审核成功即可!

6、把申请到的APP信息填写到我们的wordpress的后台open social插件的帐号设置的QQ表单里面！

7、复制登陆按钮代码<?php echo open_social_login_html();?>到你网站的头部位置,一定要显示QQ图标才可以,如图:

不显示图标的话是不会审核成功的！

现在你就可以试试点击QQ登陆图标随便用任何一个QQ号码都可以登陆了！

其他的应用比如微博、豆瓣等的申请API和QQ差不多甚至更简单，就不演示了!
————————————————
版权声明：本文为CSDN博主「镖叔」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u010871058/article/details/77075543