纯代码给WordPress网站增加公众号增粉功能

微信在微信官方账号发展了7年，现在在微信官方账号越来越难，越来越贵。目前最有效的方法是资源归纳法，不仅讲究高效率，而且粉丝也非常精准。

但由于众所周知的原因(或许百度不想做微信导流平台)，百度推出了新风算法，禁止诱导用户关注微信官方账号。为了规避这个风险，我们在WordPress网站上纯代码手动添加微信官方账号增粉功能。

关注微信官方账号获取验证码、查看全部内容的功能，实现涨粉。除了插件版本，网上自然有很多代码版本。然而，在实际测试中发现一些代码版本并不令人满意。在这里，我将自己收集整理可用的代码版本，分享给大家使用。代码来源于网络，原作者无法测试，这里不做声明。

修改前，希望大家先备份网站，避免误操作导致网站崩溃。

Functions.php文件修改
下面的代码只是根据文本提示进行修改，并添加到主题的functions.php文件中。某些主题的自定义功能可能不在此文件中。如果不确定，可以咨询主题作者，确认具体添加位置。

// 网站添加公众号涨粉功能核心代码
function secret($atts, $content=null){
    extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
    if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
        return '<div class="secret-password">'.$content.'</div>';
      }
	else {
    return '
        <div class="post_hide_box">
            <img class="erweima" align="right" src="公众号二维码图片的地址" width="160" height="160" alt="公众号二维码加载失败时的替代文字"><div class="post-secret"><i class="fa fa-exclamation-circle"></i>此处内容已经被作者无情的隐藏，请输入验证码查看内容</div>
            <form action="'.get_permalink().'" method="post"> 
                <span>验证码：</span><input id="pwbox" type="password" size="20" name="secret_key">
                <a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
            </form>
            <div class="details">请关注“你公众号名字”官方公众号，回复关键字“<span>'.$keyword.'</span>”，获取验证码。
            <span>【注】</span>手机扫描二维码快速关注“你公众号名字”官方公众号。
	    </div>
         </div>';
      }
}
add_shortcode('ghide', 'secret');

CSS样式文件修改
值得注意的是，以下风格是我根据主题风格和个人喜好调整的前端风格。您可以根据自己的主题修改以下样式。通常，我们可以在主题的style.css文件中添加以下代码，但是有些主题可能不调用style.css文件。例如，我使用的DUX主题需要将这段代码添加到main.css文件中。

/* 网站添加公众号涨粉功能样式代码 */
.post_hide_box, .secret-password{
	background: none repeat scroll 0 0 #fcffff;
	border: 1px dashed #24b4f0;
	color: #123456;
	padding: 10px;
	border-radius: 9px;
	margin: 18px 0px;
	overflow:hidden;
	clear:both;
	}
.post_hide_box .post-secret{
	font-size: 18px;
	line-height:20px; 
	color:#f0503c; 
	margin:5px;
	}
.post_hide_box form{ margin:15px 5px;}
.post_hide_box form span{ font-size:18px; font-weight:bold;}
.post_hide_box .erweima{ margin: 15px;}
.post_hide_box input[type=password]{
	color: #00a0f0;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #24b4f0;
	border-radius: 5px;
	font-size: 12px;
	margin: 0px 5px;
	-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; 
	-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; 
	transition: border .25s linear,color .25s linear,background-color .25s linear;}
.post_hide_box input[type=submit] { 
    background: #24b4f0; 
	border: none; 
	padding: 5px;
	width: 88px;  
	color: #fff; 
	border-radius: 5px; 
	font-size: 16px;
	font-weight:bold;
	}
.details{
	color:#123456;
    font-size: 16px;
	line-height: 30px;
	margin: 5px;
	padding: 3px;
	}
.post_hide_box .details span{color:#e74c3c;}

编辑器添加短代码按钮
一般情况下，如果我们正确配置前两步，那么在编辑文章时，可以使用以下短代码隐藏部分内容，隐藏的内容会在访问者关注微信官方账号的验证码并提交后显示出来。

【ghide keyword="关键字" key="验证码"]隐藏内容[/ghide】

为了使文章编辑更加简单，我们可以通过下面的代码在文章编辑器中添加一个简码按钮，通过点击该按钮即可自动添加上面这段简码。

//文章编辑器添加简码按钮
function wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'ghide', ' 公众号隐藏', '\n【ghide keyword="关键字" key="验证码"]隐藏内容[/ghide】', "" );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_gzh_quicktags' );

添加代码时，注意将上述代码中的[]字符改为[]。

前端效果预览
最后，配置完上面的代码，你会看到下面的前端显示效果。输入验证码“52GG”即可查看代码运行效果。
[ghide关键字= ” keyword ” key = ” 52g “][/ghide]