WordPress纯代码设置添加文章部分内容密码保护功能 加密内容支持短代码 附赠详细修改教程
这俩天博主抽空在捣鼓TG机器人，总算是在昨天把机器人弄好了，结合加密内容做了一期视频教程，还没来得及上传，主要是和谐内容，大家都懂的哈，也不想被网监查；
文章内容加密，算是筛选了一部分的用户吧，本站还结合Telegram机器人实现密码自动回复，大家可以加本站的TG群体验一下；机器人自动回复的教程后续再出；感谢@峰哥提供技术支持
效果演示 密码是123123，如果想体验TG密码自动回复机器人的话，大家可以加博主的TG群，在群里直接回复文章ID，例如：1473 机器人就会自动回复这篇文章的密码
修改教程
1，将以下代码添加到主题的 functions.php 文件中；
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | // 输入密码查看文章内容 // https://saodaye.com/wordpress/skill/1473.html function password_protected_post($atts, $content=null){ extract(shortcode_atts(array('key'=>null), $atts)); if(isset($_POST['password_key']) && $_POST['password_key']==$key){ return ' <div class="password_protected_post_content">'.do_shortcode($content).'</div> '; }elseif(isset($_POST['password_key']) && $_POST['password_key']!=$key){ return ' <script> alert("抱歉，密码错误，请仔细核对密码后重试！"); window.location.href="'.get_permalink().'"; </script> '; }else{ return ' <form class="password_protected_post_form" action="'.get_permalink().'" method="post"> <input type="password" id="password_key" name="password_key" size="20" placeholder="请输入密码查看隐藏内容，未知请添加TG群/TG频道获取密码"/> <input type="submit" value="确 定" /> </form> '; } } add_shortcode('pwd_protected_post','password_protected_post'); // 输入密码查看文章内容快捷按钮 // https://saodaye.com/wordpress/skill/1473.html function appthemes_add_pwd_protected_post() { if (wp_script_is('quicktags')){ ?> <script type="text/javascript"> QTags.addButton( 'pwd_protected_post', '文章密码保护', '[pwd_protected_post key="保护密码"]','[/pwd_protected_post]' ); </script> <?php } } add_action('admin_print_footer_scripts', 'appthemes_add_pwd_protected_post' ); |
2，将下面的样式代码添加到style.css文件中；
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | /** 输入密码查看文章内容 */ .password_protected_post_content{ margin: 20px 0; padding: 0px; //* background: #f8f8f8; 背景 */ } .password_protected_post_form{ margin: 20px 0; height:52px; font-size:24px; text-align: center; } .password_protected_post_form [type="password"]{ float: left; width: 80%; height: 100%; display: block; padding: 5px 16px; line-height: 36px; color: #777; background: #FCFCFC; border: 3px solid #f3f3f3; border-right: 0px; border-radius: 3px 0 0 3px; box-sizing: border-box; } .password_protected_post_form [type="submit"]{ float: right; width: 20%; height: 100%; display: block; padding: 5px 16px; line-height: 36px; color: #fff; background: #5a6a7a; border: 3px solid #5a6a7a; border-left: 0px; border-radius: 0 3px 3px 0; box-sizing: border-box; cursor: pointer; } @media (max-width:560px){ .password_protected_post_form{ height:36px; font-size:14px; text-align: center; } .password_protected_post_form [type="password"]{ padding: 3px 9px; line-height: 24px; } .password_protected_post_form [type="submit"]{ padding: 3px 9px; line-height: 24px; } } |
3，编辑器切换到文本模式即可看到 文章密码 保护，点击2次即可实现加密；
谢谢分享，博主另外一个“评论回复查看隐藏内容”博主是插件实现的还是纯代码？可否分享下，谢谢！！！
谢谢分享，已经用上了，顺便问下为什么我的打开时间是不对的 现在是晚上11点17分
闲来无事来看看，顺便签个到！打卡时间：下午9:12:46
@薰衣草： 奇怪，我的是对的。好像你是头一个遇到这个问题的，后续我看一下是什么问题，也有可能是你本地电脑时间不对。巴拉巴拉之内的。。。。。
闲来无事来看看，顺便签个到！打卡时间：下午11:30:22
@SaoDaye： 这会有正常了，不知道刚才怎么回事，再次感谢分享的资源，比很多地方的都实用，而且几乎没有错误，感觉您应该都是验证过的，现在好多地方的资料都是复制粘贴，根本就没有验证过，对新手来说这都是致命的，哪怕错一个标点符号有时候就搞懵逼了
闲来无事来看看，顺便签个到！打卡时间：下午11:35:00
谷歌那个插件是不是现在不能试用了？
@bjelffz7e： 你可以测试一下，之前他就出公告不能试用，但是半个月前我还用qq邮箱注册试用了一下，是可以注册送3天的，目前不知道什么情况。动手测试一下比较好。