wordpress添加关注微信公众号回复才能查看内容的功能【WP系列教程之二十六】

做微信公众号的朋友有时候也会有自己的网站，用来存放历史文章，第一是可以方便我们的管理，另一个就是可以随时让小伙伴们在网站上面搜索。那这就需要一个可以将流量转换成粉丝的一个功能，毕竟现在流量为王的年代，谁掌握流量那么就掌握财富。既可以产生更大的用户粘性，也能够更快的将流量变现的一个办法，当前许多的网站主都是在使用的一种方法。

wordpress添加关注微信公众号回复才能查看内容的功能

如果您只是需要将流量导入到微信公众号的话，那这个功能实现起来也不难，将一下代码复制到你主题的“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 class="be be-info"></i>输入验证码查看隐藏内容：</div>
<p>
<input id="wpbox" type="password" size="20" name="weixin_key">
<input type="submit" value="提交" name="Submit">
</p>
<div class="weixin-secret">
<div class="weixin-w">扫描二维码关注本站微信公众号或者在微信里搜索：<span class="weixin-n">你的微信公众号名称</span></div>
<div class="weixin-w">回复 <span class="weixin-n">'.$reply.'</span> 获取验证码</div>
<img src="你的微信公众号关注二维码" alt="weixin">
</div>
</div>
</form>';
}
}
add_shortcode('weixin', 'weixin_fans');

PS：其中你的微信公众号的“关注二维码一定要改成你自己的”

然后把CSS样式添加到放到你主题的“style.css”文件当中。也可以将样式文件直接添加在WordPress后台的“额外的CSS”当中。

.hidden-content, .weixin-form {
padding: 0 0.5rem;
border: 1px dashed #ff4400;
}
.weixin-n {
color: #ff4400;
}
.weixin-form img {
width: 150px;
height: auto;
}