WordPress文章部分内容关注微信公众号后可见

2017年9月15日19:16:41WordPress评论232阅读模式

只有关注公众号并回复关键字获取验证码后，才能查看到文章中的隐藏内容。但一直没想好怎么用，今天就把它拿起来使用下吧~

将以下代码放入functions.php中（PS：为了做个DEMO，代码被我隐藏起来了~）：

/**
?*?WordPress文章部分内容关注微信公众号后可见?-?龙笑天下
?*?http://www.ilxtx.com/view-contents-by-following-wechat-official-accounts.html
?*/
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="post_hide_box">
?????????????<img?class="erweima"?align="right"?src="改为二维码图片的网址"?width="150"?height="150"?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">请关注“你的名字”官方QQ公众号，回复关键字“<span>'.$keyword.'</span>”，获取验证码。【注】用手机QQ扫描右侧二维码都可以关注“你的名字”官方QQ公众号。</div>
?????????????</div>';
????}
}
add_shortcode('gzh2v',?'lxtx_secret_content');

注意修改代码中的相关内容！

将以下代码放到你主题的style.css文件中：

.post_hide_box,?.secret-password{backgroundnone?repeat?scroll?0?0?#efe;border-left5px?solid?#e74c3c;color#555;padding10px?0?10px?10px;border-radius:?5px;margin-bottom15px;overflow:hidden;?clear:both;}
.post_hide_box?.post-secret{font-size18px;?line-height:20px;?color:#e74c3c;?margin:5px;}
.post_hide_box?form{?margin:15px?0;}
.post_hide_box?form?span{?font-size:18px;?font-weight:700;}
.post_hide_box?.erweima{?margin-left:20px;?margin-right:16px;}
.post_hide_box?input[type=password]{?color#9ba1a8;?padding6px;?background-color#f6f6f6;?border1px?solid?#e4e6e8;?font-size12px;-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#F88C00;?bordernone;?border2px?solid;border-color#F88C00;?border-leftnone;?border-topnone;?padding0px;width100px;?height38px;?color#fff;?outline:?0;border-radius:?0?0?2px?0;?font-size16px;}
.post_hide_box?.details?span{color:#e74c3c;}

为了方便使用，在后台文本编辑器中集成该短代码。将以下代码放入 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'?);

4.1 在文章中使用短代码

当然，不想写入简码按钮也可以。在写文章的时候，使用以下的输出简码即可：

插入以下简码，修改相关内容即可：

4.2 微信公众号

这里以微信公众号为例（QQ公众号应该也是这样），在微信公众号的“自动回复-关键字自动回复”中设置好关键字（对应上面代码中的keyword）及验证码（对应上面代码中的key）。

其实本文是跟常见的“文章部分内容回复后看见”或“文章部分内容登录后可见”的代码原理一致，只是结合了一下公众号而已。大家可以动动手集成到自己的主题哈！

本程序未测试，收藏待用。