效果演示图
详细教程
第一步,将以下代码放入functions.php 中
/** * WordPress文章部分内容关注微信公众号后可见 */ 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="https://ae01.alicdn.com/kf/U0f72f96bb56f48f2ba81306d1f481d16C.jpg" 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 样式
第三步,代码集成到编辑器
为了方便使用,在后台文本编辑器中集成该短代码。将以下代码放入 functions.php 中即可:
// 后台文本编辑框中添加公众号隐藏简码按钮 function lxtx_wpsites_add_gzh_quicktags() { if (wp_script_is('quicktags')){ ?> <script type="text/javascript"> QTags.addButton( 'gzh2v', ' 公众号隐藏', 'n[把我删掉gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v把我删掉]', "" ); </script> <?php } } add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' );