WordPress 文章部分内容关注微信公众号后可见

2020年2月14日17:54:40 评论 207

其实这个就是美化了下后台加密文章的功能,先贴出我博客美化代码,我也是扒别人的。理论上其他主题也是可以使用的。如果不能使用自行修改。以下代码中 '.get_the_ID().' 会自动获取当前文章的ID作为微信公众号的回复;需要在微信公众号后台设置自动回复“验证码”内容,微信公众号的自动回复设置自行度娘。

0x01 代码

将以下下代码放在 begin 主题的 functions.php 中;

  1. // WordPress文章部分内容关注微信公众号后可见
  2. function wechat_secret_content($atts, $content=null){
  3. extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
  4. // 管理员登录直接显示隐藏内容
  5. if ( current_user_can('level_10') ) {
  6. return '<div class="secret-password">'.do_shortcode( $content ).'</div>';
  7. }
  8. // 输入正确验证码显示隐藏内容
  9. if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
  10. return '<div class="secret-password">'.$content.'</div>';
  11. } else {
  12. return
  13. '<div class="post_hide_box">
  14. <img class="erweima" align="right" src="https://www.pangzhan.net/wp-content/uploads/2019/09/2019090501504964.jpg" width="150" height="150" alt="运维工程师"><div class="post-secret"><i class="zm zm-kucunjinggao"></i><b> Sorry~!本文隐藏的内容需要验证码!</b></div>
  15. <form action="'.get_permalink().'" method="post">
  16. <span>验证码:</span><input id="pwbox" type="password" size="20" name="secret_key">
  17. <a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
  18. </form>
  19. <div class="details">扫描右侧二维码,关注本站微信订阅号“<span>南阳同城信息</span>” 或在微信搜索“<span>运维工程师</span>”并关注;</div>
  20. <div class="details">每篇文章的验证码都不相同,只需关注一次即可;回复“<span>'.get_the_ID().'</span>”获取本文的验证码;</div>
  21. </div>';
  22. }
  23. }
  24. add_shortcode('password', 'wechat_secret_content');

0x02 CSS代码

将一下代码放到 begin 主题后台→外观→主题选项→定制风格→自定义样式;CSS代码自行调整;

  1. .post_hide_box, .secret-password {
  2. background: none repeat scroll 0 0 #efe;
  3. border-left: 5px solid #e74c3c;
  4. color: #555;
  5. padding: 10px 0 10px 10px;
  6. border-radius: 5px;
  7. margin-bottom: 15px;
  8. overflow: hidden;
  9. clear: both;
  10. }
  11. .post_hide_box .post-secret {
  12. font-size: 18px;
  13. line-height: 20px;
  14. color: #e74c3c;
  15. margin: 5px;
  16. }
  17. .post_hide_box form {
  18. margin: 15px 0;
  19. }
  20. .post_hide_box form span {
  21. font-size: 18px;
  22. font-weight: 700;
  23. }
  24. .post_hide_box .erweima {
  25. margin-left: 20px;
  26. margin-right: 16px;
  27. }
  28. .post_hide_box input[type=password] {
  29. width: 18%;
  30. color: #9ba1a8;
  31. padding: 6px;
  32. background-color: #f6f6f6;
  33. border: 1px solid #e4e6e8;
  34. font-size: 12px;
  35. -moz-transition: border .35s linear,color .35s linear,background-color .35s linear;
  36. -webkit-transition: border .35s linear,color .35s linear,background-color .35s linear;
  37. -o-transition: border .35s linear,color .35s linear,background-color .35s linear;
  38. transition: border .35s linear,color .35s linear,background-color .35s linear;
  39. }
  40. .post_hide_box input[type=submit] {
  41. background: #F88C00;
  42. border: none;
  43. border: 2px solid;
  44. border-color: #F88C00;
  45. border-left: none;
  46. border-top: none;
  47. padding: 0px;
  48. width: 100px;
  49. height: 38px;
  50. color: #fff;
  51. outline: 0;
  52. border-radius: 0 0 2px 0;
  53. font-size: 16px;
  54. }
  55. .post_hide_box .details span {
  56. color: #e74c3c;
  57. }

0x03 如何使用

在后台编辑文章的时候,选择编辑器上的“短代码→密码保护”插入到文章即可;这个使用方法适用于Begin主题;

  1. # 也可以在编辑器插入代码,密码为微信公众号回复的内容,加密的内容就是需要隐藏的内容;使用时请将 { } 替换为 [ ]
  2. {password key=密码}加密的内容{/password}

WordPress 文章部分内容关注微信公众号后可见

易卜拉欣-互联网深度爱好者,专注企业网站建设优化,研究网络营销方法,对搜索引擎营销情有独钟。

微信及QQ:975197969,欢迎加入QQ交流群:959689918,感谢阅读!
写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

生成海报
继续阅读
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的名片
  • 电子名片扫一扫
  • weinxin
avatar
匿名

发表评论

匿名网友

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