WordPress 主题实现文章添加设置隐藏内容关注公众号可见

教程

首先打开你所使用的主题文件的function.php或func.php，在底部加上下面这段代码，请将你的微信公众号二维码图片路径设置好

//WordPress文章部分内容关注微信公众号后可见
function weixingzh_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="hidden-box show"><div class="hidden-text">[输入密码后可见]隐藏内容</div><div class="secret-password">'.$content.'</div></div>';
    } else {
        return '
        <div class="gzhhide">
            <div class="gzhtitle">抱歉！隐藏内容，请输入密码后可见！<i class="fa fa-lock"></i><span></span></div>
                <div class="gzh-content">请打开微信扫描右边的二维码回复关键字“<span><b>'.$keyword.'</b></span>”获取密码，也可以微信直接搜索“狐狸资源网”关注微信公众号获取密码。
                <div class="gzhcode" style="background: url(公众号图片);background-size: 100%;" width="140" height="140" alt="资源网"></div>
            </div>
        <div class="gzhbox"><form action="'.get_permalink().'" method="post">
        <input type="password" size="20" name="secret_key">
        <button type="submit">立即提取</button></form></div></div>';
    }
}
add_shortcode('weixingzh', 'weixingzh_secret_content');
// 后台文本编辑框中添加公众号隐藏简码按钮
function wpsites_add_weixingzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'weixingzh', '公众号隐藏', '【weixingzh keyword="关键字" key="验证码"】隐藏内容【/weixingzh】',"" );//记得把【】改成[ ]
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_weixingzh_quicktags' );

将下面的代码加入你的style.css中或者主题自带的自定义CSS样式里，即可实现

使用方法

在你的文章编辑器中加入该短代码即可

【weixingzh keyword="关键字" key="验证码"】【/weixingzh】
注意：把上面的【】改成[ ]就可以使用了

部署教程二

一.核心php代码

1. 将以下代码放入在主题目录下functions.php或func.php文件里面最下面，然后下面的代码复制进去即可。
2. 实际运行可把代码中的二维码及名称更换成自己的

/**

*/
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
'<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<div class="gzhhide">
<div ><img class="gzhcode" align="right" src="微信公.众号二维码图片地址" width="130" height="130" alt="青木博客"></div>
<div class="gzhtitle">抱歉！隐藏内容，请关注[公.众号]输入关键词密码后可见！<i class="fa fa-lock"></i><span></span></div>
<div class="gzh-content">请打开微信扫描右边的二维码回复关键字“<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('gzh2v', 'lxtx_secret_content');

二。核心css前端样式

你只需在网站管理后台—》主题设置—》自定义代码—》自定义 CSS 样式，把下面的 CSS 代码复制粘贴到里面即可。

三.文章内添加简码实现-最核心步骤

[gzh2v keyword="公众.号关键词" key="设置密码"] 隐藏内容[/gzh2v]