登录 注册 VIP特权 提交收录
Search Engine Optimization,不撸代码不修BUG
主页 » WordPress » 正文

Wordpress 实现关注微信公众号后,才可下载特定资源

Wordpress 目前是世界上建站使用最多的框架,很多朋友使用 Wordpress 做为自己的博客。慢慢的有些朋友会系那个将流量导入到自己的微信公众号,大家相续搞了一些方案。

甚至还有一个朋友做了一个叫“微信公众号涨粉”插件,基本上实现了涨粉必须关注公号才可以查看隐藏内容的功能。但是随着时间的流逝这个差距也有一个小问题,就是不支持 Wordpress 5,另外还有一个痛点所有的页面秘密都是一样的。

前段时间自己也搭了一个网站,想到达这样的功能,可惜找了很多相关的插件,或者现成的一些解决方案,都不能达到自己的需求,当然也发现了一些好玩的东西,于是在这个基础之上最后实现了预想中的功能。

1、必须在公众号中回复某个关键字,才可以看到隐藏内容(重要信息或者下载资源)。 2、每个页面可以单独定制秘密,也可以统一设置密码。

既然没有现成的解决方案,那就自己来了。

我是在网上查找相关解决方案的时候,看到了这个文章WordPress代码隐藏文章内容 需登录或输入密码可见,再它的基础上实现了相关功能。

废话不多说给大家说如何来实现吧。

在主题 function.php 文件里加入以下代码。

//部分内容输入密码可见
function e_secret($atts, $content=null){
     extract(shortcode_atts(array('key'=>null), $atts));
     if(isset($_POST['e_secret_key']) && $_POST['e_secret_key'] !='' && $_POST['e_secret_key']==$key){
        return '
                <div class="e-secret">'.$content.'</div>
                ';
     }elseif (isset($_POST['e_secret_key']) && $_POST['e_secret_key'] !='' && $key =='' && $_POST['e_secret_key']=='123456') {
          return '
                <div class="e-secret">'.$content.'</div>
                ';
     }
     else{
         return '
        <form class="e-secret" action="'.get_permalink().'" method="post" name="e-secret" >
            <div class="e-secret-container">
            <div class="e-secret-title-content" >此处内容已经被作者无情的隐藏,请输入验证码查看内容:</div>
            <div class="e-secret-code" >
                <span>验证码:</span>
            <input type="password" name="e_secret_key" class="euc-y-i" maxlength="50" >
            <input type="submit" class="euc-y-s" value="确定" >
            </div>
            <div class="e-secret-tip" >
                请关注本站公众号回复“<span>验证码</span>”,获取验证码。
                <span>【注】</span>”在微信里搜索“幻音网络传媒”或者“huanyin-21”或者微信扫描右侧二维码都可以关注微信公众号。
            </div>
            </div>
            <img src="https://gitee.com/a1xt/picture/raw/e0157be5788954f83f13a980ed5ec01d9f65330c/qrcode_for_gh_3d57d66f2906_1280.jpg" alt="幻音网络传媒" >
            </form>
        ';
     }
}


add_shortcode('secret','e_secret');

然后注入到主函数中。

上面这段代码比较简单,意思就是页面是否有隐藏代码的标注,如果有的话显示需要验证的页面,如果是提交了页面秘密之后,根据秘密判断是否正确,如果正确展示出隐藏的内容。

自己主题 main.css 或者 style.css 或者 app.css 样式文件里添加下面代码 css 改动如下:

.e-secret {
    background: none repeat scroll 0 0 #fcffff;
    border: 1px dashed #24b4f0;
    color: #123456;
    padding: 10px;
    border-radius: 9px;
    margin: 18px 0px;
    overflow: hidden;
    clear: both;
    white-space: initial;
}

.e-secret img{
    float: right;
    max-width: 30%;
}

.e-secret input.euc-y-i[type="password"] {
    /* float: left; */
    background: #fff;
    width: 20%;
    line-height: 30px;
    margin-top: 5px;
    border-radius: 3px;
    display:inline-block;
}
.e-secret input.euc-y-s[type="submit"] {
    margin-top: -47px;
    width: 72px;
    margin-right: 1px;
    border-radius: 3px;
    margin-top: 1px;
    padding: 10px 8px;
    display:inline-block;
}


.e-secret-container{    
    display: inline-block;
    width: 70%;
    margin-top: 10px;
}

.e-secret-title-content{
    font-size: 18px;
    line-height: 20px;
    color: #f0503c;
    margin: 5px;
}

.e-secret-code{
    margin-top: 24px;
}

.e-secret-code span{
    font-size: 18px;
    font-weight: bold;
    margin: 5px;
}

.e-secret-tip{
    margin-top: 24px;
}

.e-secret-tip span{
    color: #f0503c;
}

以上代码即可实现我们想要的功能,如果在页面中需要隐藏部分内容是,就按照下面这种方式来写。

[secret key="密码"]加密内容[/secret] // 使用页面密码
[secret ]加密内容[/secret]    // 使用全局统一密码

如果这里使用了 key 这个关键字,就说明页面定制了自己的秘密,用户需要输入次密码才可以看到隐藏功能;如果没有使用 key 关键字那么系统就会默认使用统一的密码来隐藏内容。

最后的效果如下:


您的大名:
万水千山总是情,给个打赏行不行。 打赏

标签: wordpress关注微信公众号资源下载
! 如链接失效请在下方留言。本站所发布的全部内容源于互联网搬运,仅限于小范围内传播学习和文献参考,请在下载后24小时内删除,如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail:49613651@qq.com
原创文章,作者:一宇A1xt,如若转载,请注明出处:https://www.a1xt.com/archives/169.html

相关推荐

CorePress主题 v5.4

WordPress高颜值,高性能免费主题,极致优化,专为极客!WordPress深度优化,颜值与性能并存,你想要的功能他都有,干掉收费...

博客社交分享组件WordPress插件-打赏/点赞/微海报/社交分享四合一

博客社交分享组件(原名打赏/点赞/分享组件)是一款整合了网站打赏,文章点赞、微海报和社交分享功能插件。插件概述博客社交分享组件是一款整...

Jaguar大气的单栏Typecho主题模板

WordPress主题作者的亲自做的typecho版本主题特色文章都用大大的图片封面进行展示很大气多端自适应

Akina一款漂亮的Typecho主题模板

移植自wordpress同名主题特性支持ajax评论拥有引导页面拥有归档页面响应式设计,多端无障碍浏览[hide] https:/...

WordPress代码隐藏文章内容 需登录或输入密码可见

最近在搞一个软件资源分享的网站,思考了很久选择什么样的框架,最后还是选择了经典WordPress选择他的原因无非是因为,维护方便,毕竟...

给wordpress网站加可耐的伊斯特瓦尔,兼容大部分主题

又是无聊的一天,没事干肯定是来给大家更新文章啦!今天无意间发现了个可耐的网站小人物“伊斯特瓦尔”觉得不错,现在就分享给大家食用方法:因...

WordPress百度智能小程序免费开源

这款WordPress百度智能小程序开源是由丸子开发并开源的WP小程序,界面简洁大气,基本功能齐全。如图演示。功能说明如下:1.同步 ...

WordPress小程序源码下载分享

各位Wordpress建站的站长们,想必你们想要实现Wordpress搭建小程序的方法和教程,经过一段时间的研究属于实现了Wordpr...


猜你喜欢

给wordpress网站加可耐的伊斯特瓦尔,兼容大部分主题

Wordpress 目前是世界上建站使用最多的框架,很多朋友使用 Wordpress 做为自己的博客。慢慢的有些朋友会系那个将流量导入...


上一篇
下一篇

发表评论