WordPress文章实现部分内容需关注公众号获取验证码查看

avatar 2020年1月4日15:38:31 评论 50
摘要

通过关注公众号实现引流,虽然微乎其微,但也不失为一种方法。毕竟需要关注公众号得到验证码后才能查看被加密的内容。

WordPress文章实现部分内容需关注公众号获取验证码查看

前言

以下内容仅适用于Begin主题且用户须有自己的公众号。其用处是为公众号引流,毕竟公众号也是一笔收入来源。以下代码来自https://www.pangzhan.net/2194.html

第一步:添加代码

请将以下代码添加于主题目录下的function.php中。

// WordPress文章部分内容关注微信公众号后可见
function wechat_secret_content($atts, $content=null){
 extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));
 	// 管理员登录直接显示隐藏内容
	if ( current_user_can('level_10') ) {
		return '<div class="secret-password">'.do_shortcode( $content ).'</div>';
	}
	// 输入正确验证码显示隐藏内容
    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://img.winmx.cn/winmx-img/微信公众号.png" width="150" height="150" alt="冰凝梦想"><div class="post-secret"><i class="zm zm-kucunjinggao"></i><b>  Sorry~!本文隐藏的内容需要验证码!</b></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>冰凝梦想</span>” 或在微信搜索“<span>冰凝梦想</span>”并关注;</div>
 <div class="details">每篇文章的验证码都不相同,只需关注一次即可;回复“<span>'.get_the_ID().'</span>”获取本文的验证码;</div>
 </div>';
 }
}
add_shortcode('password', 'wechat_secret_content');
//***END***

第二步:添加CSS样式

将以下代码放到 Begin 主题后台→外观→主题选项→定制风格→自定义样式;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] {
        width: 18%;
	color: #9ba1a8;
	padding: 6px;
	background-color: #f6f6f6;
	border: 1px solid #e4e6e8;
	font-size: 12px;
	-moz-transition: border .35s linear,color .35s linear,background-color .35s linear;
	-webkit-transition: border .35s linear,color .35s linear,background-color .35s linear;
	-o-transition: border .35s linear,color .35s linear,background-color .35s linear;
	transition: border .35s linear,color .35s linear,background-color .35s 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;
}

使用方式

后台文章编辑时选择短代码→综合功能→密码保护即可。

样式预览

WordPress文章实现部分内容需关注公众号获取验证码查看

avatar
冰凝梦想公众号