WordPress文章内容部分加密输入密码可见 – WordPress教程

2017年3月17日WordPress教程评论422199字阅读7分19秒阅读模式

WordPress文章如何部分加密?我们知道WordPress自带的文章密码保护功能是将文章的全部内容进行加密,那么如何将文章部分内容加密呢?用户可以看见部分内容,输入密码可以看见全部内容,解决方法:文章源自王小优-https://www.wangxiaoyou.com/4289.html

WordPress自带密码保护

想要使用WordPress自带的密码保护功能,请参考:WordPress文章加密输入密码可见(密码保护)文章源自王小优-https://www.wangxiaoyou.com/4289.html

文章部分加密解决方法

1、将以下代码复制到WordPress主题目录下的functions.php文件中:文章源自王小优-https://www.wangxiaoyou.com/4289.html

  1. //文章内容部分可见,输入密码可查看全部
  2. function e_secret($atts$content=null){
  3.  extract(shortcode_atts(array('key'=>null), $atts));
  4.  if(isset($_POST['e_secret_key']) && $_POST['e_secret_key']==$key){
  5.  return '
  6. <div class="e-secret">'.$content.'</div>
  7. ';
  8.  }
  9.  else{
  10.  return '
  11. <form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret"><label>输入密码查看加密内容:</label><input type="password" name="e_secret_key" class="euc-y-i" maxlength="50"><input type="submit" class="euc-y-s" value="确定">
  12. <div class="euc-clear"></div>
  13. </form>
  14. ';
  15.  }
  16. }
  17. add_shortcode('secret','e_secret');

2、将以下CSS代码复制到WordPress主题目录下的style.css文件中:文章源自王小优-https://www.wangxiaoyou.com/4289.html

  1. // 可修改下列CSS,自定义样式
  2. .e-secret {
  3.  margin20px 0;
  4.  padding20px;
  5.  background#f8f8f8;
  6. }
  7. .e-secret input.euc-y-i[type="password"] {
  8.  floatleft;
  9.  background#fff;
  10.  width: 100%;
  11.  line-height36px;
  12.  margin-top5px;
  13.  border-radius: 3px;
  14. }
  15. .e-secret input.euc-y-s[type="submit"] {
  16.  floatrightright;
  17.  margin-top: -47px;
  18.  width: 30%;
  19.  margin-right1px;
  20.  border-radius: 0 3px 3px 0;
  21. }
  22. input.euc-y-s[type="submit"]{background-color:#3498db;color:#fff;font-size:21px;box-shadow:none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition:.4s;-webkit-backface-visibility:hidden;position:relative;cursor:pointer;padding13px 20px;text-aligncenter;border-radius: 50px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;border: 0;heightauto;outlinemedium;line-height20px;margin: 0;}
  23. input.euc-y-s[type="submit"]:hover{background-color:#5dade2;}
  24. input.euc-y-i[type="text"],input.euc-y-i[type="password"]{border:1px solid #F2EFEF;color:#777;display:block;background#FCFCFC;font-size:18px;transition:all .5s ease 0;outline:0;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;padding:5px 16pxmargin: 0;heightauto;line-height30px;}
  25. input.euc-y-i[type="text"]:hover,input.euc-y-i[type="password"]:hover{border:1px solid #56b4ef;box-shadow:0 0 4px #56b4ef;}

3、调用方法:文章源自王小优-https://www.wangxiaoyou.com/4289.html

  1. [secret key="woshimima"]
  2. 我是加密内容
  3. [/secret]

写文章时,将需要加密的部分放到secret短标签中即可!文章源自王小优-https://www.wangxiaoyou.com/4289.html

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
王小优
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: