无需插件实现WordPress公众号涨粉功能 随机验证码查看隐藏内容

随着网站端的流量越来越不受待见,很多站长开始将用户人脉圈转移到社交平台,比如我们很多站长都希望将网站端的流量转移到公众号。比较常见的且有效的做法就是扫码关注公众号然后获取验证码后显示。我们看到的有些主题和插件支持这类功能,大部分是需要认证服务号才有这类权限的,订阅号是没有办法实现。

无需插件实现WordPress公众号涨粉功能 随机验证码查看隐藏内容

以前我们看到有火端提供的插件只能设置一个固定的验证码,这种稍微体验不够好。这里麦子有看到缙哥哥博客有提供的剥离这款火端插件的代码版实现验证码查看隐藏内容,而且可以订阅号。这个验证码可以自己随机设置,这样就稍微提高插件的友好度。

// WordPress免插件开启公众号涨粉
function secret($atts, $content=null){
    extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
    if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
        return '<div class="secret-password">'.$content.'</div>';
      }
	else {
    return '
        <div class="post_hide_box">
            <img class="erweima" align="right" src="https://www.cnwper。com/images/xxxx.jpg" width="160" height="160" alt="微信公众号:老蒋玩运营"><div class="post-secret"><i class="fa fa-exclamation-circle"></i>此处内容已经被麦子无情的隐藏,请输入验证码查看内容</div>
            <form action="'.get_permalink().'" method="post"> 
                <span>验证码:</span><input id="pwbox" type="password" size="20" name="secret_key">
                <a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
            </form>
            <div class="details">请关注"老蒋玩运营"官方公众号,回复关键字“<span>'.$keyword.'</span>”,获取验证码。
            <span>【注】</span>手机扫描二维码快速关注"老蒋玩运营"微信公众号。
	    </div>
           </div>';
      }
}
add_shortcode('ghide', 'secret');
// 文章文本编辑器添加自定义按钮,免得每次都要输入短代码。
function appthemes_add_quicktags() {
?>
<script type="text/javascript">
QTags.addButton( '公众号隐藏', '公众号隐藏', '【ghide keyword="微信验证码" key="163163"]','[/ghide】' ); //实际使用时这里的【】都改成[]
</script>
<?php
}
add_action('admin_print_footer_scripts', 'appthemes_add_quicktags' );

备注代码参考应用地址:https://www.dujin.org/13164.html

我们需要对代码进行稍微的修改,比如二维码图片换成自己的URL地址,以及公众号名称。包括代码有括号需要修改的,看说明。将代码添加到 Functions.php 中,添加代码的时候在传统编辑器里,我们切换到代码模式可以看到有快捷按钮添加。

对应的CSS样式我们也可以先效仿参考,或者我们自己修改成自己的样式:

/* 网站添加公众号涨粉功能样式代码 */
.post_hide_box, .secret-password{
	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;
	}
.post_hide_box .post-secret{
	font-size: 18px;
	line-height:20px; 
	color:#f0503c; 
	margin:5px;
	}
.post_hide_box form{ margin:15px 5px;}
.post_hide_box form span{ font-size:18px; font-weight:bold;}
.post_hide_box .erweima{ margin: 15px;}
.post_hide_box input[type=password]{
	color: #00a0f0;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #24b4f0;
	border-radius: 5px;
	font-size: 12px;
	margin: 0px 5px;
	-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: #24b4f0; 
	border: none; 
	padding: 5px;
	width: 88px;  
	color: #fff; 
	border-radius: 5px; 
	font-size: 16px;
	font-weight:bold;
	}
.details{
	color:#123456;
    font-size: 16px;
	line-height: 30px;
	margin: 5px;
	padding: 3px;
	}
.post_hide_box .details span{color:#e74c3c;}

这里需要说明的,我们设置的验证码是需要提前在订阅号自动回复设置过的,这样回复对应验证码才会有自动比对。

图片[2]-无需插件实现WordPress公众号涨粉功能 随机验证码查看隐藏内容-WordPress建站笔记

如果我们不喜欢这样的样式,可以修改CSS。功能还算不错,如果有需要可以用起来,我们如果只有订阅号,这样的办法已经算是不错的。

图片[3]-无需插件实现WordPress公众号涨粉功能 随机验证码查看隐藏内容-WordPress建站笔记

我们需要在微信公众号后台设置自动回复的验证码。对应添加的时候需要对应。可以随机多设置几个。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享