纯代码实现关注微信公众号后可见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://pic.rmb.bdstatic.com/bjh/user/40dc5ea74b2b06eb9a67f628eb0cdcd2.jpeg" alt="微信公众号"></div>
<div class="gzhtitle"><i class="dripicons dripicons-lock"></i> 内容已被隐藏</div>
<div class="gzh-content">微信扫码或搜索关注“<span class="itemCopy" data-clipboard-text="小白书签" style="cursor: default;"><a href="weixin://" target="_blank" rel="noopener noreferrer nofollow">小白书签</a></span>”发送“<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');
// 文章文本编辑器添加自定义按钮,免得每次都要输入短代码
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' );

注意把【】换成[],另外在新版 WordPress 中,添加自定义按钮的代码似乎没有效果!

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

微信公众号
内容已被隐藏
微信扫码或搜索“小白书签”关注公众号,发送“暗号”获得提取码,然后返回此网页提交!
0

评论0

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码