新版7b2微信订阅号登录集成

前言

之前的版本教程可能有些不起作用了，最近的话看好多用户都反应出一个新版本的教程，那么此教程给大家带来最新版本的微信订阅号登录集成7b2主题

准备工作

1. 下载并安装B2子主题
   • 建议使用子主题而不是直接修改父主题
   • 避免主题更新导致修改内容丢失
2. 下载我二次修改的微信订阅号登录插件

详细步骤

1. 从父主题中复制必要文件到子主题中

从父主题复制以下文件到子主题对应位置，子主题没有这些文件夹的话，请自行根据下面的层级创建：
– Modules/Templates/VueTemplates.php → 子主题Modules/Templates/VueTemplates.php
– Modules/Templates/Widgets/User.php → 子主题Modules/Templates/Widgets/User.php

2. 添加基础代码

打开子主题的functions.php文件，添加以下代码：

// 在define( 'B2_CHILD_URI', get_stylesheet_directory_uri() );下面引入
require_once get_stylesheet_directory().'/Modules/Templates/VueTemplates.php';
require_once get_stylesheet_directory() . '/Modules/Templates/Widgets/User.php';

3. 创建微信登录处理文件

在子主题根目录下创建js文件夹，在js文件夹中创建wx_login.js文件：

function wxlogin(){
    var wx = document.getElementById("wxlogin")
    var wx1 = document.getElementById("wxlogin1")
    if(wx.style.display == "none"){
        wx.style.display = "block"
        wx1.style.display = "none"
    }else{
        wx.style.display = "none"
        wx1.style.display = "block"
    }
}

在functions.php中引入该JS文件：

// 在wp_enqueue_script( 'b2-child-main', B2_CHILD_URI.'/child.js', array('jquery'), B2_VERSION , true );下面引入
wp_enqueue_script( 'b2-child-wx-login', B2_CHILD_URI.'/wx_login.js', array('jquery'), B2_VERSION , true );

4. 修改User.php文件

找到以下代码：

<div v-if="openOauth">
    <div class="oauth-login-button">
        <a :href="open.url" :class="'login-'+key" v-for="(open,key,index) in oauth" @click="markHistory(key)" v-if="open.open">{{open.name}}'.__('登录','b2').'</a>
    </div>
</div>

替换为：

<div v-if="openOauth">
	<div class="oauth-login-button">
	    <a style="cursor: pointer;" @click="login.show = true"class="login-weixin">微信'.__('登录','b2').'</a>
	</div>
</div>

5. 修改VueTemplates.php文件

找到public static function Login()这个方法，将此方法整个替换为下面文件中的代码

最终配置

1. 进入WordPress后台
2. 打开B2主题设置
3. 找到”常规设置” → “登录与注册”
4. 开启cookie模式
5. 保存设置

注意事项

1. 更换示例二维码图片为您自己的公众号二维码
2. 建议在修改前备份原文件