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天的,目前不知道什么情况。动手测试一下比较好。