Ripro主题wordpress网站强制QQ微信快速登录用户修改绑定邮箱的功能纯代码实现

文章目录

Ripro主题wordpress网站强制QQ微信快速登录用户修改绑定邮箱的功能纯代码实现

ripro主题用第三方快捷登陆的用户,默认邮箱是一个虚假的邮箱地址,而ripro主题作者并没有为用户定制引导功能。今天小编就给大家分享一个第三方登陆后引导用户修改邮箱的功能,具体如下:

一、插入样式

使用(ripro父主题)打开 ripro/pages/ user.php 文件,在第40行的 </div> 标签前边敲个回车,然后鼠标定位到第40行,输入以下代码:

使用(ripro子主题)打开 ripro-chlid/pages/ user.php 文件,在文件末尾最后一个</div>之上,输入以下代码:


    <script> 
        function test() { 
            $("#user-profile").css("display","none"); } 
    </script> 
    <?php 
        $emall = $current_user->user_nicename.'_mail@no.com'; 
        $emall1 = $current_user->user_email; 
        if ($emall == $emall1) { 
            echo "<script type='text/javascript'>test();</script>"; get_template_part( 'pages/user/buchong' ); 
        } 
    ?>

二、新建文件buchong.php

复制下面的代码粘贴到新建的buchong.php文件中


<?php 
global $current_user;
$CaoUser = new CaoUser($current_user->ID);
$wp_create_nonce = wp_create_nonce('caoclick-' . $current_user->ID);
?>

<div class="form-holder has-shadow">
	<div class="row">
		<div class="col-lg-6">
			<div class="info d-flex align-items-center">
				<div class="content">
					<div class="logo">
						<img src="<?php echo _get_user_avatar_url('qq')?>">
						<h1>欢迎回来,<?php echo $current_user->nickname;?>!</h1>
					</div>
					<p>请完善邮箱信息,以便修改密码和接收订单信息</p>
				</div>
			</div>
		</div>

		<div class="col-lg-6 bg-white">
			<div class="form d-flex align-items-center">
				<div class="content">
					<form class="mb-0">
						<div class="form-group">
							<input type="email" name="user_email" id="user_email" placeholder="请输入常用邮箱" value="" class="input-material">
							<input type="hidden" name="email" id="email" value="">
						</div>
						<?php if (_cao('is_user_bang_email')): ?>
						<div class="form-group">
							<input type="text" name="captcha" id="captcha" value="" placeholder="输入邮箱验证码" class="input-material">
							<input type="hidden" name="edit_email_cap" id="edit_email_cap" value="">
							<button class="btn edit_email_cap" type="button">发送</button>
                    	</div>
						<?php endif; ?>
						<button type="button" etap="submit_info" class="button">保存</button>
					</form>
				</div>
			</div>
		</div>
		
	</div>
</div>

<script>
	$(".edit_email_cap").on("click",function(){
		var a = $("input[name='user_email']").val();
		$("input[name='email']").val(a);
	});
	$('[etap="submit_info"]').on('click', function(){
		var b = $("input[name='captcha']").val();
		$("input[name='edit_email_cap']").val(b);
	});
</script>

(使用ripro父主题)就把buchong.php 文件,上传至 ripro/pages/user 目录中
(使用ripro子主题)就把buchong.php 文件,上传至ripro-chlid/pages/user目录中

效果如下图:

Ripro主题wordpress网站强制QQ微信快速登录用户修改绑定邮箱的功能纯代码实现

三、样式代码

1、(使用ripro父主题)把下面这段代码加入父主题/ripro/assets/css/app.css里最后

2、(使用ripro子主题)把下面这段代码加入子主题根目录下的diy.css里最后

SVIP免费

已有1人支付

1. 全库网所有资源均来源于用户上传和网络,如有侵权请发送邮箱联系站长处理!
2. 如果你有好的资源或者原创教程,可以到审核区投稿发布,分享会有钻石奖励和额外收入!
3. 全库网所有的源码、教程等其它资源均源于用户上传发布,如有疑问,可直接联系发布作者处理
4. 如有链接无法下载、失效或广告,请联系全库网管理员核实处理!
5. 通过发布原创教学视频或优质源码资源可以免费获得全库网站内SVIP会员噢
6.全库网管理猿邮箱地址:admin@qkuser.com,我们会在收到您的邮件后三个工作日内完成处理!
7. 如遇到加密压缩包,默认解压密码为"qkuser.com",如遇到无法解压的请联系管理员!

全库网 » Ripro主题wordpress网站强制QQ微信快速登录用户修改绑定邮箱的功能纯代码实现