当前日期时间
当前时间:
网站标志
Logo
全站搜索
广告位
phpweb图片广告
广告位
phpweb图片广告
自定内容

phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...

互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...

电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...

phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...

当前位置
文章正文

WordPress主题增加关注微信才能查看内容的功能

发表:管理员  发表时间:2021-07-12 10:12:19   阅读:(1413)次  

做微信公众号的朋友有时候也会有自己的网站,用来存放历史文章,第一是可以方便我们的管理,另一个就是可以随时让小伙伴们在网站上面搜索。那就是是需要一个可以将流量转换成粉丝的一个功能,毕竟现在流量为王的年代,谁掌握流量那么就掌握财富。既可以产生更大的用户粘性,也能够更快的将流量变现的一个办法,当前许多的网站主都是在使用的一种方法。

未标题-1 拷贝.jpg


使用教程


如果您只是需要将流量导入到微信公众号的话,那这个功能实现起来也不难,将一下代码复制到你主题的“functions.php”文件的最后即可。

function weixin_fans($atts, $content=null){

    extract(shortcode_atts( array (

        'key' => null,

        'reply' => ''

        ), $atts));

    // 管理员登录直接显示隐藏内容

    if ( current_user_can('level_10') ) {

        return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';

    }

    // 输入正确验证码显示隐藏内容

    if(isset($_POST['weixin_key']) && $_POST['weixin_key']==$key){

        return '<div class="hidden-content">'.do_shortcode( $content ).'</div>';

    } else {

        return '

        <form class="post-password-form weixin-form" action="'.get_permalink().'" method="post">

            <div class="weixin-box">

                <div class="post-secret"><i class="be be-info"></i>输入验证码查看隐藏内容:</div>

                <p>

                    <input id="wpbox" type="password" size="20" name="weixin_key">

                    <input type="submit" value="提交" name="Submit">

                </p>

                <div class="weixin-secret">

                    <div class="weixin-w">扫描二维码关注本站微信公众号或者在微信里搜索:<span class="weixin-n">你的微信公众号名称</span></div>

                    <div class="weixin-w">回复 <span class="weixin-n">'.$reply.'</span> 获取验证码</div>

                    <img src="你的微信公众号关注二维码" alt="weixin">

                </div>

            </div>

        </form>';

    }

}

add_shortcode('weixin', 'weixin_fans');

Select CodeCopy

注意:其中你的微信公众号的“关注二维码一定要改成你自己的”

.hidden-content, .weixin-form {

    padding: 0 0.5rem;

    border: 1px dashed #ff4400;

}

.weixin-n {

    color: #ff4400;

}

.weixin-form img {

    width: 150px;

    height: auto;

}

样式文件可以直接放到你主题的“style.css”文件当中。也可以将样式文件直接添加在WordPress后台的“额外的CSS”当中。

[weixin key=验证码 reply=回复的内容]隐藏的内容[/weixin]

在你编辑文章的时候,将你需要隐藏起来的内容藏在“隐藏的内容”当中。使用过程中需要注意的事项,如果您是本地编辑你主题的文件的话,记得使用一款专业的代码编辑器,比如免费的notepd,或者sublime等等一类的代码编辑器。

 

假如我们资讯/文章对您有所帮助,您可以通过扫描捐赠二维码支持一下我们~

感谢您对我们的支持,您的小小支持让我们有信心走得更远!

脚注信息
© 2005-2015 草莓互联(100cm.cn) 广州同福信息科技有限公司 版权所有,并保留所有权利。

广州市东莞庄一横路116号 粤ICP备11046216号

经营性网站备案信息 广州网络警察报警平台 不良信息举报中心  百度信誉档案 广州工商红盾网 可信网站认证