软文教程 2024-05-18

WordPress接入微信登录，QQ登录，微博登录

WordPress如何接入微信登录，QQ登录，微博登录等等，下面详细介绍一下，首先说明一下，该插件免费，api接口免费，一切收费都是骗人的

第一步：安装一个WordPress网站（忽略）；

第二步：下载插件https://cdncn.yuucn.com/open/openlogin.zip wp官方插件正在审核中，通过后，才能在后台直接获取插件

第三步：上传插件，后台选择插件>安装插件>上传插件>启用插件

第四步：设置插件，仪表盘菜单选择聚合登录进行必要的设置，申请API地址 https://open.yuucn.com

需要填写 APPID 和 APPKEY 以及开启您想使用的登录方式，头像优先级选择默认，自动注册请勾选，不勾选新用户无法直接登录，WordPress默认主题无需修改代码即可实现登录框和后台个人中心的小部件加载

由于WordPress主题较多，极少人使用自带的登录以及会员中心，我们也为您准备了一下代码，只需要添加到你模板对应的位置即可

如何输出头像？<?php get_avatar($id_or_email, $size, $default, $alt, $args); ?>如何获取头像图片的URL？<?php get_user_meta($user->ID, 'clogin_passport_avatar', true); ?>如何更换头像图片？<?php update_user_meta($user->ID, 'clogin_passport_avatar', $image_url); ?>如何输出第三方登录列表？<?php do_action('clogin-passport'); ?><?php ob_start();do_action('clogin-passport'); $codes = ob_get_contents();ob_end_clean();?>如何调用绑定社交账号的按钮？<?phpif (!function_exists('get_user_to_edit')) include(ABSPATH . '/wp-admin/includes/user.php');do_action( 'binding_social_media_account', get_user_to_edit(get_current_user_id()) );?>

本站使用的日主题V2，下面介绍如何修改代码

多种方法添加登录按钮，下面详细讲解一下代码如何添加

第一种是完全使用我们的登录接口

首先打开文件 /wp-content/themes/ripro-v2/template-parts/global/login-form.php

拉到底，大约在第131行，不同的版本可能存在略微的差别，添加输出第三方登录列表

<?php do_action('clogin-passport'); ?><?php ob_start();do_action('clogin-passport'); $codes = ob_get_contents();ob_end_clean();?>

前端效果图如下

第二种：使用V2官方按钮样式需要修改登录模板代码，使用QQ，微信，微博登录，聚合登录插件后台需要开启相应的登录权限，日主题后台要开启任意开放平台登录，无需填写账号信息，直接下载替换原文件/wp-content/themes/ripro-v2/template-parts/global/login-sns.php保存即可演示站点 https://xxzs.cn

下载地址完美替换login-sns.php 官方原版备份login-sns.php

第三种使用V2登录按钮风格，仅仅使用我们的微信登录，只需要单独添加一个微信登录按钮即可，QQ和微博个人用户申请门槛低，就差一个微信，可用使用下面代码实现

首先打开V2主题，注册登录，启用QQ登录,启用微信登录（无需填写资料），启用微博登录，然后找到登录模板wp-content/themes/ripro-v2/template-parts/global/login-sns.php

添加代码麻烦，怕出错，直接下载文件覆盖即可

下载地址 修改好的替换文件login-sns微信登录 官方原版备份login-sns.php

在第30行 echo ‘</ul>’;添加以下代码，代码添加到 </ul> 前面推荐下载源文件覆盖顺便留一个备份。

<li class="list-inline-item"><a href="../index.php/wp-json/clogin-passport/login/wx?rurl=' . $current_url . '" class="btn btn-sm btn-outline-success oauth-btn "><i class="fa fa-weixin mr-1" title="微信登录"></i>微信</a></li>

保存文件，即可实现单独添加一个微信登录按钮到登录页面，效果图如下，能够实现微信登录后返回到登录前页面。

添加代码麻烦，怕出错，直接下载文件覆盖即可

下载地址 修改好的替换文件login-sns微信登录 官方原版备份login-sns.php

常见问题，如果登录页面出现404错误，固定链接不得设置为朴素，伪静态规则使用宝塔后台WordPress默认规则，即可解决问题。

对接完成。如果使用了van子主题，请直接在子主题里面开启聚合登录，填写我们的api参数即可。