龙笑天龙笑天  2017-06-28 06:36 龙笑天下 隐藏边栏 |   52 条评论  3,534 
文章评分 127 次,平均分 5.0

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

很早之前就知道有这么一个功能,只有关注公众号并回复关键字获取验证码后,才能查看到文章中的隐藏内容。但一直没想好怎么用,今天就把它拿起来使用下吧~

当然,这个功能是可以通过插件来实现的,但本人是喜欢代码版的;所以直接上代码了!

1 核心代码

本站 Dragon 主题已经自带集成了这个功能,更加好的实现,更加利于新手,(已隐藏核心代码)展示效果如下:

此处内容已经被作者无情的隐藏,请输入验证码查看内容
验证码:
请关注龙笑天下官方微信公众号,回复关键字“2483”,获取验证码。
注:用手机微信扫描右侧二维码或微信搜索公众号“龙笑天下”即可关注哦!

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

2 前端 CSS 样式

将以下代码放到你主题的 style.css 文件中:

.post_hide_box, .secret-password{background: none repeat scroll 0 0 #efe;border-left: 5px solid #e74c3c;color: #555;padding: 10px 0 10px 10px;border-radius: 5px;margin-bottom: 15px;overflow:hidden; clear:both;}
.post_hide_box .post-secret{font-size: 18px; line-height:20px; color:#e74c3c; margin:5px;}
.post_hide_box form{ margin:15px 0;}
.post_hide_box form span{ font-size:18px; font-weight:700;}
.post_hide_box .erweima{ margin-left:20px; margin-right:16px;}
.post_hide_box input[type=password]{ color: #9ba1a8; padding: 6px; background-color: #f6f6f6; border: 1px solid #e4e6e8; font-size: 12px;-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; transition: border .25s linear,color .25s linear,background-color .25s linear;}
.post_hide_box input[type=submit] { background: #F88C00; border: none; border: 2px solid;border-color: #F88C00; border-left: none; border-top: none; padding: 0px;width: 100px; height: 38px; color: #fff; outline: 0;border-radius: 0 0 2px 0; font-size: 16px;}
.post_hide_box .details span{color:#e74c3c;}

3 集成短代码

为了方便使用,在后台文本编辑器中集成该短代码。将以下代码放入 functions.php 中即可:

// 后台文本编辑框中添加公众号隐藏简码按钮
function lxtx_wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'gzh2v', ' 公众号隐藏', '\n[gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]', "" );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' );

4 使用方法

4.1 在文章中使用短代码

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

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

4.2 微信公众号

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

比如本文中,keyword 为 2483,key 为???自行关注后查看哈~

5 延伸

其实本文是跟常见的“文章部分内容回复后看见”或“文章部分内容登录后可见”的代码原理一致,只是结合了一下公众号而已。大家可以动动手集成到自己的主题哈!

搞这个公众号把我的自定义菜单搞没了,哭晕了...未认证的公众号没有自定义菜单的权限~啊~啊~啊~~~

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

龙笑天
龙笑天 关注:32    粉丝:41 最后编辑于:2020-10-09
互助分享,互联网本该如此!

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  1. boke112导航
    boke112导航 评论达人 LV.3 中国 Google Chrome 50.0.2661.102 Windows XP 广西南宁市 电信

    这个功能相当不错,特别是对于玩公众号的博主站长而言,分享一些比较热门的资源,然后用这个功能,真的很给力

  2. 明月学习笔记Blog
    明月学习笔记Blog 评论达人 LV.1 中国 Google Chrome 59.0.3071.115 Windows 10 x64 Edition 河南省南阳市 电信

    不错,这个好,就是一定要慎用!呵呵,多了很容易招人烦的!

  3. 闲鱼
    闲鱼 评论达人 LV.1 中国 QQ Browser 6.0.1 iPad iOS 10.2 湖南省长沙市 联通

    能代码化很棒了,公众号搞得好的话可以用这个,否则确实要慎用

  1. 佛系软件
    佛系软件 中国 Microsoft Edge 85.0.564.13 Windows 10 x64 Edition 上海市 电信

    大神,你这个验证码功能怎么做的,想要代码啊

    21楼 2020-07-27 10:10
    0 回复
  2. 51圈博客
    51圈博客 中国 Firefox 67.0 Windows 10 x64 Edition 广东省广州市天河区 电信

    我的添加代码后样式不现实,不知道咋回事。大佬给看下啊 https://www.51quan.top/3136.html

    20楼 2019-06-13 11:08
    0 回复
    • 龙笑天
      龙笑天 永久会员 博主 中国 Firefox Windows 7 x64 Edition

      @51圈博客估计是缓存吧~ PS:你这还使用的 tinection 主题啊,可以试试本站的 Dragon 主题哦,完全兼容 tinection,功能更加完善强劲哦~ [坏笑]

  3. goooob
    goooob 中国 Safari 605.1.15 Mac OS X 10.13.5 北京市 中国电信北京研究院

    可以设置一个有效期吗?如果验证码相同的话,不能每篇文章都要输入验证码吧

    19楼 2018-06-13 17:19
    0 回复
    • 龙笑天
      龙笑天 永久会员 博主 中国 Firefox Windows 7 x64 Edition

      @goooob[坏笑] 你说到点上了 微信公众号是支持开发的哦 使用代码开发版的被动回复即可实现~~ PS:本站就是开发过的哦~

  4. Q
    QQ68757552 中国 Google Chrome 55.0.2883.87 Windows 7 x64 Edition 四川省广安市 电信

    我可以把你公众号自定义菜单弄出来

    18楼 2018-03-19 17:24
    0 回复
  5. 云落
    云落 中国 Google Chrome 61.0.3163.100 Windows 10 x64 Edition 浙江省杭州市 移动

    没有关注公众号,但是刚刚去源代码那里看了下,有很大的问题,第一,刷新之后会发生重新提交的问题,第二,重新再看的时候会需要重新填写,问题很大
    其实解决也很简单,第一个在提交的时候用强制 js 强制刷新下页面,取消表单的提交,第二个可以用 cookie 来解决

    17楼 2017-11-13 14:31
    0 回复
  6. 晓庄
    晓庄 中国 Google Chrome 61.0.3163.100 Windows 10 x64 Edition 广东省深圳市 电信

    [坏笑] 公众号玩不动。没认证的可玩性太少

    16楼 2017-10-30 14:10
    0 回复
扫一扫二维码分享