一、功能代码
首先还是找到主题下面的functions.php。技术functions.php是万能的。添加到当前主题函数模板 functions.php 的最后,代码如下:
function weixin_fans($atts, $content=null){
extract(shortcode_atts( array (
'key' => null,
'reply' => ''
), $atts));
// 管理员登录直接显示隐藏内容
if ( current_user_can('level_10') ) {
return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';
}
// 输入正确验证码显示隐藏内容
if(isset($_POST['weixin_key']) && $_POST['weixin_key']==$key){
return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';
} else {
return '
<form class="post-password-form weixin-form" action="'.get_permalink().'" method="post">
<div class="weixin-box">
<div class="post-secret"><i class="be be-info"></i>输入验证码查看隐藏内容:</div>
<p>
<input id="wpbox" type="password" size="20" name="weixin_key">
<input type="submit" value="提交" name="Submit">
</p>
<div class="weixin-secret">
<div class="weixin-w">扫描二维码关注本站微信公众号或者在微信里搜索:<span class="weixin-n">你的微信公众号名称</span></div>
<div class="weixin-w">回复 <span class="weixin-n">'.$reply.'</span> 获取验证码</div>
<img src="http://自己的微信公众号二维码图片" alt="weixin">
</div>
</div>
</form>';
}
}
add_shortcode('weixin', 'weixin_fans');
修改其中的:
1、你的微信公众号名称 】更改为自己的公众号名称。
2、http://自己的微信公众号二维码图片】更改为自己的二维码存放网址。
二、显示样式
.hidden-content, .weixin-form {
padding: 0 0.5rem;
border: 1px dashed #ff4400;
}
.weixin-n {
color: #ff4400;
}
.weixin-form img {
width: 100px;
height: auto;
}
默认主题:添加到主题样式文件中或者外观 → 自定义 → 额外CSS中
新的主题其他主题:主题功能—自定义—自定义样式css代码
三、页面文章中使用
[weixin key=验证码 reply=回复的内容]隐藏的内容[/weixin]
例如:隐藏【我是123456】这句话。需要关注公众号回复:数字,获取验证码:abc,才能查看
在页面中这样书写:
[weixin key=abc reply=数字]我是123456[/weixin]
四、公众号配置
根据我们配置的我们设置一个自动回复功能。在公众号中输入:数字,之后就能收到一个:abc的验证码。在这里自动回复的一定要和Key=后面填写的一致,否则无法打开文件。