有朋自远方来,不亦乐乎。
纯代码实现“自媒体吸粉神器”
发布于 2年前 ( 2016-10-08 ) 阅读: 1,052 次 抢沙发 A+

前几天推荐了“微信公众号涨粉”插件,本来想就此作罢。

今天突然觉得很多人可能会更需要代码版的吸粉神器,毕竟都是一群爱折腾的人。所以,我就简单写一下。

这个教程里面的代码,不是我的原创。但说实话,我从原代码中至少额外又写了两种以上的优化版(主题选项版跟文章编辑器版,以及各种前端样式版本)……出于尊重教程来源,今天我就只贴原作者的代码,至于想繁衍出什么千奇百怪的版本,那就因人而异啦!

我只是抛砖引玉而已:

原理

借鉴密码可见的原理。

将以下代码扔到主题函数文件(如functions.php)

为了做个DEMO,代码被我隐藏起来,请输入验证码:lytbk

龙砚庭博客
此处内容已经被庭主无情匿藏,请输入验证码查看内容
验证码:
请关注龙砚庭博客官方微信公众号,回复关键字“龙砚庭博客”,获取验证码。【注】用手机微信扫描右侧二维码都可以关注龙砚庭博客官方微信公众号。

注意修改代码里面的图片网址跟alt名称。

简码按钮(同样扔到functions.php)

为了便捷使用短代码,我们需要给它写一个文本按钮(编辑文章时,切换到文本模式,即可直接使用按钮)。

//编辑按钮
function wpsites_add_gzh_quicktags() {
    if (wp_script_is('quicktags')){
?>
    <script type="text/javascript">
    QTags.addButton( 'ghide', ' 公众号隐藏', '\n[ghide keyword="关键字" key="验证码"]隐藏内容[/ghide]', "" );
    </script>
<?php
    }
}
add_action( 'admin_print_footer_scripts', 'wpsites_add_gzh_quicktags' );

当然,不想写入简码按钮也可以。在写文章的时候,使用以下的输出简码即可:

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

前端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;}

理论上直接扔即可,大部分主题都兼容,但难免有特例存在:会出现溢出跟变形的状况。所以还需要自行再调试样式代码。

另外,如果自身主题写入首行缩进2字,也可能会导致该功能的部分叙述文字也跟着缩进。

后话

以上的代码并非是我目前在用的代码,写教程我一向有个习惯,那就是留遐想,让喜欢折腾的人去自己DIY,而不是跟着我的思维走。

最后,简单说下我写的优化版特点:

主题选项版:前端的叙说文字跟二维码图片统一在后台主题选项设置,简码之间神同步(当然关键词与验证码是独立的,不冲突);

文章编辑版:前端的叙述文字跟二维码图片可以直接在写文章时DIY,简码之间不冲突(可存同求异);

代码原来源

Principle Team
龙砚庭官方QQ群,做真正意义上的社群!
7人已关注

该文章还没有任何评论,你来说两句吧.

发表评论

请稍候,正在加载新评论...