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

虫子君
虫子君
虫子君
375
文章
165
评论
2019.8. 3111:06:44 评论 561 1577字阅读5分15秒

做微信公众号的朋友有时候也会有自己的网站,用来存放历史文章,第一是可以方便我们的管理,另一个就是可以随时让小伙伴们在网站上面搜索。那就是是需要一个可以将流量转换成粉丝的一个功能,毕竟现在流量为王的年代,谁掌握流量那么就掌握财富。

既可以产生更大的用户粘性,也能够更快的将流量变现的一个办法,当前许多的网站主都是在使用的一种方法。

如果您只是需要将流量导入到微信公众号的话,那这个功能实现起来也不难,将一下代码复制到你主题的“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');

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

.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等等一类的代码编辑器。

这里需要说的是,以上代码来自本主题的作者:知更鸟

展开全文
虫子君
  • 版权声明: 发表于 2019.8. 3111:06:44
  • 转载注明:https://chonzi.com/7989.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: