找了很多插件都是统一设置验证码,只要回复一次就可以查看全站文章的下载权限了,似乎不够人性化,最后找到了免插件的这个方法,可以在不同文章上设置不同验证码
1、在主题functions.php 文件中加入以下代码
// WordPress免插件开启公众号涨粉(验证码查看隐藏内容)功能
function secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
return '<div class="post_hide_box">'.$content.'</div>';
}
else {
return '<div class="post_hide_box">
<img class="wxpic" src="https://www.putigu.com/wp-content/uploads/2022/04/qrcode_for_gh_b21a4b7ae21c_258.jpg" alt=""><span class="zyts">重要提示!</span><span class="zyts2">一旦取消关注公众号后将无法再启用回复功能,不支持解封!</span>
<form action="'.get_permalink().'" method="post" style="margin:10px 0;">
<span style="font-size:18px;">验证码:</span>
<input required="" placeholder="区分大小写" autocomplete="off" name="secret_key" id="pwbox" type="text" value="" class="secret_key">
<a class="a2" href="javascript:;"><input class="secsubmit" name="Submit" type="submit" value="提交查看"></a>
</form>
<span class="hqyzm">[打开微信]->[扫描左侧二维码]->[关注菩提谷COM]输入“<span style="color:red">'.$keyword.'</span>”,获取验证码。如果还不清楚可以查看 <a style="color:#0000FF;" href="" target="_blank">这篇教程</a>
</span>
</div>
';
}
}
add_shortcode('ghide', 'secret');
// 文章文本编辑器添加自定义按钮,免得每次都要输入短代码。
function appthemes_add_quicktags() {
?>
<script type="text/javascript">
QTags.addButton( '公众号隐藏', '公众号隐藏', '【ghide keyword="此处填写公众号回复码" key="此处填写公众号回复码"】','【/ghide】' );//实际使用时这里的【】都改成[]
QTags.addButton( '下载隐藏代码', '下载隐藏代码', '<img class="wxpic" src="https://www.putigu.com/wp-content/uploads/2022/04/wei-xin-tu-pian-20220417122036.jpg" alt=""><span class="zyts">重要提示!</span><span class="zyts2">一旦取消关注公众号后将无法再启用回复功能,不支持解封!</span><div class="xzdz2">下载地址:<a target="_blank" href="此处填写网盘下载地址" class="xzdz">百度网盘下载地址</a> 网盘密码:<span class="wpmm">此处填写网盘密码</span></div><span class="wpss">如果您发现网盘链接失效,[打开微信]->[扫描左侧二维码]->[<font color="red">添加微信好友</font>] 寻找资源谢谢!</span>','<img class="wxpic" src="https://www.putigu.com/wp-content/uploads/2022/04/wei-xin-tu-pian-20220417122036.jpg" alt=""><span class="zyts">重要提示!</span><span class="zyts2">一旦取消关注公众号后将无法再启用回复功能,不支持解封!</span><div class="xzdz2">下载地址:<a target="_blank" href="此处填写网盘下载地址" class="xzdz">百度网盘下载地址</a> 网盘密码:<span class="wpmm">此处填写网盘密码</span></div><span class="wpss">如果您发现网盘链接失效,[打开微信]->[扫描左侧二维码]->[<font color="red">添加微信好友</font>] 寻找资源谢谢!</span>' );
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );
将上面的公众号名称,公众号图片和客服图片修改成自己的,每次添加隐藏内容的时候切换到文本模式
点击一次“公众号隐藏”调用标签,修改 keyword和key中的验证码,keyword为用户关注公众号输入的回复码,key为公众号自动回复的验证码,之后点击“下载隐藏代码”插入输入验证码显示后的代码,然后修改其中的网盘地址和网盘提取密码,也可以自定义此部分代码,任意想关注公众号验证后显示的东西都可,然后在点击一次“公众号隐藏”插入隐藏结束标签。
2、在主题style.css中加入以下css代码,想要不同样式可以自己修改
.post_hide_box{
border:1px dashed #F60;
padding:10px;
margin:10px 0;
line-height:200%;
color:#F00;
background-color:#FFF4FF;
overflow:hidden;
clear:both;
}
.wxpic{
width:150px;
height:150px;
padding-right:20px;
display:inline;
border:none;
float:left;
}
.zyts{color:#FF0000;}
.zyts2{color:#0000FF;}
.secret_key{
border:none;
width:90px;
height:30px;
line-height:30px;
padding:0 5px;
border:1px solid #FF6600;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}
.secsubmit{
border:none;
width:80px;
height:32px;
line-height:32px;
padding:0 5px;
background-color:#F60;
text-align:center;
border:none;
cursor:pointer;
color:#FFF;
-moz-border-radius: 0px;
font-size:14px;
-webkit-border-radius: 0px;
border-radius:0px;
}
.hqyzm{
color:#00BF30;
margin-top:10px;
word-wrap: break-word;
overflow-x:auto;
overflow-y:hidden;
}
.xzdz2{
font-size: 18px;
margin:10px 0;
color:black
}
.xzdz3{
border-color: #999;
border: 1px solid #999;
}
.wpmm{
color:#FF0000
}
.wpss{
color:#00BF30;
float:left;
margin-top:10px;
}
.download-title {
margin: 0;
/* position: relative; */
background: #fff;
color: #17a2e7;
/* height: 41px; */
font-size: 20px;
font-weight: bold;
border-bottom: 2px solid #eee;
}
.download-title strong {
font-weight: 700;
border-bottom: 2px solid #17a2e7;
}
.xzdz {
font-weight: 700;
background: url(https://www.putigu.com/wp-content/uploads/2022/04/down.png) no-repeat 10px 5px !important;
padding: 2px 10px 2px 45px !important;
color: #ca0c16;
/* border-color: #d0011b; */
display: inline-block;
height: 35px;
line-height: 35px;
border-radius: 5px;
/* border: 1px solid #009a61; */
font-size: 16px;
outline: 0;
margin-right: 10px;
border-color: #999;
border: 1px solid #999;
text-decoration: none !important
}