如何在WordPress网站中添加关注微信公众号获取验证码功能?

网站流量转化为微信公众号最好的方法,很多朋友都再问如何添加这个功能,下面就为大家展示如何添加微信公众号验证码获取功能。
将下面的代码,添加到当前主题函数模板 functions.php 文件中:
//公众号获取验证码
function weixin_fans($atts, $content=null){extract(shortcode_atts( array (\’key\’ => null,\’re

网站流量转化为微信公众号最好的方法,很多朋友都再问如何添加这个功能,下面就为大家展示如何添加微信公众号验证码获取功能。

将下面的代码,添加到当前主题函数模板 functions.php 文件中:

//公众号获取验证码
function weixin_fans($atts, $content=null){
	extract(shortcode_atts( array (
		\'key\' => null,
		\'reply\' => \'\'
		), $atts));
	// 管理员登录直接显示隐藏内容
	if ( current_user_can(\'level_10\') ) {
		return \'<div class=\"hidden-content\">\'.do_shortcode( $content ).\'</div>\';
	}
	// 输入正确验证码显示隐藏内容
	if(isset($_POST[\'weixin_key\']) && $_POST[\'weixin_key\']==$key){
		return \'<div class=\"hidden-content\">\'.do_shortcode( $content ).\'</div>\';
	} else {
		return \'
		<form class=\"post-password-form weixin-form\" action=\"\'.get_permalink().\'\" method=\"post\">
			<div class=\"weixin-box\">
				<div class=\"post-secret\"></i>获取高速下载链接</div>
				<p>
					<input style=\"width:120px;height:26px;\" type=\"password\" size=\"18\" name=\"weixin_key\">
					<input style=\"width:40px;height:30px;\" type=\"submit\" value=\"提交\" name=\"Submit\">
				</p>
				<div class=\"weixin-secret\">
					<div class=\"weixin-w\">回复<span class=\"weixin-n\">\'.$reply.\'</span>将会获取<span class=\"weixin-n\">验证码</span></div>
					<img src=\"https://defcon.cn/wp-content/uploads/2020/07/qrcode.jpg\" alt=\"weixin\">
				</div>
			</div>
		</form>\';
	}
}
add_shortcode(\'weixin\', \'weixin_fans\');

记得修改为你的公众号名称

CSS样式,可自行修改调试


.hidden-content, .weixin-form {
	padding: 20px 0.5rem;
	border: 2px dashed #e63b3f;
	margin-top: -40px;
}
.weixin-form img {
	width: 140px;
	float: right;
        margin-top: -126px;
        margin-right: -3px;
}
.weixin-n {
	color: #e63b3f;
}
更多关于WordPress跨境电商建站可加群257938777交流。

原创文章,作者:WordPress站长导航,如若转载,请注明出处:https://news.51jztj.com/archives/60026

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code