知更鸟begin主题实现关注微信公众号获取文章内隐藏内容密码

2019年5月29日01:09:56 发表评论 3,637
摘要

WordPress能不能来一个文章内容隐藏需要输入密码查看隐藏内容，通过关注微信公众号输入对应验证码获取密码，这样既可以防止内容被伸手党无情偷窥，也可以微信引流一波，一举二得的事情，网上有WordPress微信插件（也有纯代码的），但是那个插件验证码是唯一的，那你所有文章隐藏内容密码都是一样的，现在发的就是改进版本，验证码就是你文章ID，文章ID不可能一样吧，所以每篇文章都可以单独设置密码，具体教程如下：

 

知更鸟begin主题实现关注微信公众号获取文章内隐藏内容密码

 

代码部署

注意：此教程重点针对知更鸟主题，其他主题请参照思路自行制作

打开知更鸟主题目录begin/inc/shortcode.php查找搜索加密内容然后替换久伴的代码

注意：代码中二维码图片链接请替换为自己的

 

  1. // 加密内容
  2. function secret($atts, $content=null){
  3. extract(shortcode_atts(array('key'=>null), $atts));
  4. if ( current_user_can('level_10') ) {
  5.     return '<p class="secret-password"><i class="be be-clipboard"></i>加密的内容：<br />'.do_shortcode( $content ).'</p>';
  6. }
  7. if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
  8.     return '<p class="secret-password"><i class="be be-clipboard"></i>加密的内容：<br />'.do_shortcode( $content ).'</p>';
  9.     } else {
  10.         return '
  11.         <form class="post-password-form" action="'.get_permalink().'" method="post">
  12.             <div class="post-secret"><i class="be be-info"></i>' . sprintf(__( '关注微信公众号回复"'.get_the_ID().'"获取验证码', 'begin' )) . '</div>
  13.             <div class="jiubwximg"><img src="https://jiub.ren/wp-content/uploads/2019/05/2019051405064027.jpg"></div>
  14.             <p>
  15.                 <input id="pwbox" type="password" size="20" name="secret_key">
  16.                 <input type="submit" value="' . sprintf(__( '提交', 'begin' )) . '" name="Submit">
  17.             </p>
  18.         </form> ';
  19.     }
  20. }

 

打开知更鸟主题根目录begin/style.css文件搜索.post-password-form类替换成以下代码即可，样式有点简陋，不喜欢的可以自行修改。

 

  1. .post-password-form {
  2.     margin: 0 auto;
  3.     width:365px;
  4.     height:329px;;
  5.     padding: 15px 5px;
  6.     border-radius: 2px;
  7.     border: 1px solid #ddd;
  8.     text-align:center;
  9. }
  10. .jiubwximg {
  11.     width:230px;
  12.     height:230px;
  13.     margin: 0 auto;
  14. }
  15. .post-password-form .jiubwximg img{
  16.     width:230px;
  17.     height:230px;
  18.     margin:0 auto;
  19. }

 

来自：久伴博客
 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！

发表评论

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