!
也想出现在这里? 联系我们
广告位

纯代码WordPress内容微信关注后可见

很早之前就有人分享过有这么一个 WordPress 插件,关注公众号并回复关键字获取验证码后,才能查看到文章中的隐藏内容。一直没有找到这个代码版的,前几天想起了这个功能,于是今天便找到了这个分享给大家。

核心代码:

  1. /**
  2. * WordPress文章部分内容关注微信公众号后可见
  3. */
  4. function lxtx_secret_content($atts, $content=null){
  5. extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
  6. if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
  7. return '<div class="secret-password">'.$content.'</div>';
  8. } else {
  9. return
  10. '<div class="post_hide_box">
  11. <img class="erweima" align="right" src="改为二维码图片的网址" width="150" height="150" alt="你的二维码名字"><div class="post-secret"><i class="fa fa-exclamation-circle"></i>此处内容已经被作者无情的隐藏,请输入验证码查看内容</div>
  12. <form action="'.get_permalink().'" method="post">
  13. <span>验证码:</span><input id="pwbox" type="password" size="20" name="secret_key">
  14. <a class="a2" href="javascript:;" rel="external nofollow" ><input type="submit" value="提交" name="Submit"></a>
  15. </form>
  16. <div class="details">请关注“你的名字”官方QQ公众号,回复关键字“<span>'.$keyword.'</span>”,获取验证码。【注】用手机QQ扫描右侧二维码都可以关注“你的名字”官方QQ公众号。</div>
  17. </div>';
  18. }
  19. }
  20. add_shortcode('gzh2v', 'lxtx_secret_content');

PS:注意修改代码中的相关内容!

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. color: #9ba1a8;
  30. padding: 6px;
  31. background-color: #f6f6f6;
  32. border: 1px solid #e4e6e8;
  33. font-size: 12px;
  34. -moz-transition: border .25s linear,color .25s linear,background-color .25s linear;
  35. -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
  36. -o-transition: border .25s linear,color .25s linear,background-color .25s linear;
  37. transition: border .25s linear,color .25s linear,background-color .25s linear;
  38. }
  39. .post_hide_box input[type=submit] {
  40. background: #F88C00;
  41. border: none;
  42. border: 2px solid;
  43. border-color: #F88C00;
  44. border-left: none;
  45. border-top: none;
  46. padding: 0px;
  47. width: 100px;
  48. height: 38px;
  49. color: #fff;
  50. outline: 0;
  51. border-radius: 0 0 2px 0;
  52. font-size: 16px;
  53. }
  54. .post_hide_box .details span {
  55. color: #e74c3c;
  56. }

集成短码:

  1. // 为了方便使用,在后台文本编辑器中集成该短代码。将以下代码放入 functions.php 中即可:
  2. function lxtx_wpsites_add_gzh_quicktags() {
  3. if (wp_script_is('quicktags')){
  4. ?>
  5. <script type="text/javascript">
  6. QTags.addButton( 'gzh2v', ' 公众号隐藏', '\n[gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]', "" );
  7. </script>
  8. <?php
  9. }
  10. }
  11. add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' );

使用方法:

在文章中插入以下简码,修改相关内容即可:

  1. [gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]

微信公众号:

这里以微信公众号为例(QQ 公众号应该也是这样),在微信公众号的“自动回复-关键字自动回复”中设置好关键字(对应上面代码中的 keyword)及验证码(对应上面代码中的 key)。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

is_home()判断首页无效解决办法

2024-5-10 15:28:35

WordPress教程

WordPress修改后台登陆地址(提高安全性)

2024-5-17 9:55:22

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索