WordPress添加关注微信公众号查看隐藏内容功能

发布时间:5个月前   游览量:2292    标签: wordpress   

很多网站为了增加人气,都设置了评论可见内容,最近发现了有的站长添加了关注微信公众号,然后通过回复得到验证码,从而显示隐藏的内容,对于开通了微信公众号的站长,今天这个功能个人觉得还是不错的,增加人气的同时,又可以装逼,一举两得啊。


其实这个功能可以通过WeChat Fans插件实现,但是这个插件有一个非常不好的地方,那就是网站上所有的文章的验证码都是同一个,这对于需要给不同文章设置不同验证码的站点来说可能并不理想,所以不推荐使用插件啦。接下来我们就看看教程吧。


一、添加功能代码到functions.php文件

为了给大家测试下实际效果,这里我就把核心代码隐藏掉,请大家关注我的公众号,获取验证码试试哦。内容代码中请更改成自己的公众号信息(名称、图片地址)。

WordPress添加关注微信公众号查看隐藏内容功能-加班狗导航-专为创意工作者而生


二、添加css样式代码

把下面样式代码添加到自己的主题样式文件,一般都是sytle.css文件,懂css的可以修改自己喜欢的样子。


.post_hide_box,.secret-password-content{border-radius:5px;overflow:hidden;clear:both;border:1px dashed #ff5e52;margin:10px 0;padding:15px}
.secret-password-content{position:relative;}
.secret-password-content i.secret-icon{right:10px;top:10px;color:#CCC;position:absolute;font-size:18px;z-index:3;}
.post_hide_box{font-size:14px;}
.post_hide_box:hover,.secret-password-content:hover{border:1px dashed #f5b9b9}
.post_hide_box .post-secret-info{font-size:16px;line-height:20px;color:#ff5e52;margin:5px}
.post_hide_box .post-secret-info i{margin-right:5px;font-size:18px}
.post_hide_box form{margin:15px 5px 12px}
.post_hide_box form span{font-size:16px;font-weight:700}
.post_hide_box .gzh-erweima{float:right;width:125px;height:125px;margin-right:0px;margin-bottom:-2px;}
.post_hide_box input[type=password]{height:28px;padding-left:5px;font-size:12px;border:1px solid #eaeaea;-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:#ff5e52;border:none;border-left:none;padding:0px;width:60px;height:30px;color:#fff;outline:0;font-size:12px;}
.post_hide_box input[type=submit]:hover{background:#fc8178;}
.post_hide_box .post-secret-notice{line-height:1.42;margin:0 5px;color:#666}
.post_hide_box .post-secret-notice span{color:#ff5e52}


三、调用方法

功能实现了,然后我们到微信公众号里添加自动回复,输入“关键字(自己自定义)”,出现“验证码(自己自定义)”,最后我们在发布文章的时候,只需要输入下面内容即可调用了。

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


四、添加编辑器快捷按钮

为了方便插入文章,可以添加快捷按钮,只需要在functions.php文件中添加一段代码即可,到时候文章编辑器就会有插入该短代码按钮了。


function wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'wm_gzh', ' 公众号隐藏', '\n【wm_gzh keyword="关键字" key="验证码"]隐藏内容[/wm_gzh】', "" );  //注:【 】请改成 [ ]
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_gzh_quicktags' );


到此教程结束.

用户评论
猜你喜欢