WordPress文章部分内容加密

2018年12月6日22:08:25 发表评论 阅读(3,050)
本文最后更新于2018年12月6日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

wordpress自带的有整篇文章加密功能,但是有时候会遇到部分内容加密的需求,要怎么实现呢?下面给出解决方法,效果如图:

WordPress文章部分内容加密

WordPress文章部分内容加密

以下代码加入到主题的functions.php文件中,本文以wordpress自带主题为例:

  1. /**文章部分内容加密开始*/
  2. function password_post($atts$content=null){
  3.     extract(shortcode_atts(array('key'=>null), $atts));
  4.     if(isset($_POST['password_key']) && $_POST['password_key']==$key){
  5.         return '
  6.             <div class="jm-content">加密的内容:'.$content.'</div>
  7.         ';
  8.     }else{
  9.         return '
  10.             <div class="jm-post">
  11.         <span style="background-color: #5b5be8; font-size: 2em;">**相关资源**</span>
  12.             <form class="jm-post-form" action="'.get_permalink().'" method="post">
  13.            输入密码查看加密内容:<input type="password" id="password_key" name="password_key" size="20"/>
  14.             <input type="submit" value="提交" />
  15.             </form>
  16.             <p>**下载提示**</p>
  17.             <p>1)这部分内容需要下载密码</p>
  18.             <p>2)在输入框输入指定密码</p>
  19.             <p>3)然后就可以访问了</p>
  20.         </div>
  21.         ';
  22.     }
  23. }
  24. add_shortcode('pwd_post','password_post');
  25. /**文章部分内容加密结束*/

样式文件:

  1. /**文章部分内容加密**/
  2. .jm-post {
  3.     background#e8f5f5;
  4.     padding10px;
  5.     font-size13px;
  6.     line-height24px;
  7.     margin-top8px;
  8.     margin-bottom8px;
  9. }
  10. .jm-content {
  11.     margin20px 0;
  12.     padding20px;
  13.     background#f8f8f8;
  14. }
  15. .jm-post-form {
  16.     margin15px 0;
  17.     padding15px 5px;
  18.     border-radius: 2px;
  19.     border1px solid #ddd;
  20. }
  21. .jm-post-form input[type="password"] {
  22.     width: 40%;
  23.     height38px;
  24.     line-height30px;
  25.     background#fff;
  26.     padding5px;
  27.     border-radius: 2px;
  28.     border1px solid #ddd;
  29.     -webkit-appearance: none;
  30. }
  31. .jm-post-form input[type="submit"] {
  32.     width80px;
  33.     line-height25px;
  34.     padding5px;
  35.     cursorpointer;
  36.     border-radius: 2px;
  37.     border1px solid #ddd;
  38.     -webkit-appearance: none;
  39. }
  40. .jm-post input[type="submit"]:hover {
  41.     background#3690cf;
  42.     color#fff !important;
  43.     border1px solid #3690cf;
  44. }
使用

在文章需要加密的地方输入[pwd_post key=密码]加密内容[/pwd_post]

 

完。


 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛