wordpress begin主题实现关注微信公众号获取文章内隐藏内容密码

前言

今天在公司弄微信小程序,想到wordpress能不能来一个文章内容隐藏需要输入密码查看隐藏内容,通过关注微信公众号输入对应验证码获取密码,这样既可以防止内容被伸手党无情偷窥,也可以微信引流一波,一举二得的事情,网上有wordpress微信插件,但是那个插件验证码是唯一的,那你所有文章隐藏内容密码都是一样的,久伴现在发的就是改进版本,验证码就是你文章ID,文章ID不可能一样吧,所以每篇文章都可以单独设置密码,久伴已经实现这个功能,具体教程如下

效果图

教程

注意:此教程重点针对知更鸟主题,其他主题请参照思路自行制作

打开知更鸟主题目录begin/inc/shortcode.php查找搜索加密内容然后替换久伴的代码

注意:代码中二维码图片链接请替换为自己的

// 加密内容
function secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if ( current_user_can('level_10') ) {
	return '<p class="secret-password"><i class="be be-clipboard"></i>加密的内容:<br />'.do_shortcode( $content ).'</p>';
}
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
	return '<p class="secret-password"><i class="be be-clipboard"></i>加密的内容:<br />'.do_shortcode( $content ).'</p>';
	} else {
		return '
		<form class="post-password-form" action="'.get_permalink().'" method="post">
			<div class="post-secret"><i class="be be-info"></i>' . sprintf(__( '关注微信公众号回复"'.get_the_ID().'"获取验证码', 'begin' )) . '</div>
            <div class="jiubwximg"><img src="https://jiubx.com/wp-content/uploads/2019/05/2019051405064027.jpg"></div>
			<p>
				<input id="pwbox" type="password" size="20" name="secret_key">
				<input type="submit" value="' . sprintf(__( '提交', 'begin' )) . '" name="Submit">
			</p>
		</form>	';
	}
}

打开知更鸟主题根目录begin/style.css文件搜索.post-password-form类替换成以下代码即可,样式有点简陋,不喜欢的可以自行修改[password key=00112233]

.post-password-form {
	margin: 0 auto;
  	width:365px;
  	height:329px;;
	padding: 15px 5px;
	border-radius: 2px;
	border: 1px solid #ddd;
    text-align:center;
}
.jiubwximg {
	width:230px;
  	height:230px;
 	margin: 0 auto;
}
.post-password-form .jiubwximg img{
	width:230px;
  	height:230px;
  	margin:0 auto;
}

[/password]
此文章允许转载,转载请各位站长高抬贵手,注意出处即可-久伴寄语

人已赞赏
wordpress教程

知更鸟主题添加每一次评论自动排行第一教程

2019-4-9 17:51:35

wordpress教程

wordpress添加主题设置选项

2019-5-28 10:10:39

17 条回复 A文章作者 M管理员
  1. 久伴

    很严重的BUG,没办法记录Cookie。也就是你这篇文章书如果一次密码后 我关掉再打开还是要再次输入密码
    吃多了 每次都去获取密码

  2. 久伴

    发文章的时候如何操作啊?应该在文章后面说明一下 :mrgreen:

    • 久伴

      必须的,感谢提醒,哈哈

  3. 久伴

    看懂了,原理如此!感谢提供

  4. 久伴

    文章不错支持一下,非常喜欢

  5. 久伴

    实用,牛X

    • 久伴

      杠杠滴

  6. 久伴

    挺实用的功能。。。

    • 久伴

      那是

  7. 久伴

    非技术的路过。

  8. 久伴

    獲取密碼后再取消關注 😀

    • 久伴

      密码是动态的呀

  9. 久伴

    密码是什么,怎么获得?

    • 久伴

      还在弄 👿

    • 久伴

      已经完工,扫描二维码关注微信公众号回复验证码即可获得查看密码

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索