纯代码实现关注微信公众号后可见WordPress文章设置的隐藏内容

之前我们发布过“WordPress 博客引流到微信公众号涨粉丝插件（关注公众号回复验证码可见隐藏内容）”，它是通过插件的方式来实现，关注微信公众号后回复关键字，获取查看密码（也可以叫验证码或暗号，名字随意），提交密码后显示隐藏部分内容的。

其实，要在WordPress网站添加这个涨粉功能并不难，没有必要专门安装一个插件。那么，今天我们就给大家介绍下，如何免插件通过纯代码开启关注公众号获取密码查看隐藏内容（效果见本文最下方）

爱淘资源馆来分享下目前正在使用的代码（还是放到functions.php中），具体效果的话可以看下方演示。

// WordPress免插件开启公众号涨粉代码-www.1itao.com
function lxtx_secret_content($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="gzhhide">
<div ><img class="gzhcode" align="right" src="https://ae01.alicdn.com/kf/U9cc05fccc88f4537a8bcf4d13a073aa1p.jpg" alt="微信公众号"></div>
<div class="gzhtitle"><i class="dripicons dripicons-lock"></i> 内容已被隐藏！<i class="fa fa-lock"></i><span></span></div>
<div class="gzh-content">微信扫描二维码或搜索"小白书签"<button class="itemCopy red_tkl button_tkl" id="TKLS" type="button" data-clipboard-text="小白书签">点击复制</button>关注公众号,回复关键字“<span><b>'.$keyword.'</b></span>”获取密码</div>

<div class="gzhbox"><form action="'.get_permalink().'" method="post">
<input id="pwbox" type="password" size="20" name="secret_key">
<button type="submit">立即提取</button></form></div></div>';
}
}
add_shortcode('ghide', 'lxtx_secret_content');
// 文章文本编辑器添加自定义按钮，免得每次都要输入短代码-www.1itao.com
function appthemes_add_quicktags() {
?>
<script type="text/javascript">
QTags.addButton( '公众号隐藏', '公众号隐藏', '【ghide keyword="暗号" key="123456"】','【/ghide】' ); 
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

注意把【】换成[]

css代码见下方，自用代码，花费了很长时间测试才算满意，希望关注公众号多多支持。不同主题可能显示效果会有差异，细微之处，请自行调整。