记录-通过关注微信公众号回复关键字获取验证码以查看网站隐藏内容

一、功能代码

首先，需要找到主题下面的 functions.php.要知道，functions.php 堪称万能。将其添加到当前主题函数模板 functions.php 的末尾，相关代码如下：

[weixin key=1314 reply=开心宝]

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="http://自己的微信公众号二维码图片" alt="weixin">
				</div>
			</div>
		</form>';
	}
}
add_shortcode('weixin', 'weixin_fans');

[/weixin]

修改其中的：

1、【你的微信公众号名称】更改为自己的公众号名称。

2、http://自己的微信公众号二维码图片】更改为自己的二维码存放网址。

二、显示样式

.hidden-content,
.weixin-form {
  padding: 1.5rem;
  margin: 1.5rem 0;
  border: 3px dashed #ff4400;
  box-shadow: 0 0 15px rgba(255, 68, 0, 0.3);
  border-radius: 15px;
  background-color: rgba(255, 220, 200, 0.2);  /* 添加淡粉色背景 */
  text-align: center;  /* 水平居中 */
}

.weixin-n {
  color: #ff4400;
  font-size: 1.5rem;
  padding: 0.8rem;
  background-color: rgba(255, 68, 0, 0.15);
  border-radius: 8px;
  font-family: 'Arial', sans-serif;  /* 更改字体 */
  text-transform: uppercase;  /* 大写显示 */
  text-align: center;  /* 水平居中 */
}

.weixin-form img {
  width: 200px;
  height: auto;
  margin: 1.5rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);  /* 增强图片阴影 */
  display: block;  /* 确保图片水平居中 */
  margin-left: auto;
  margin-right: auto;
}

默认主题：添加到主题样式文件中或者外观 → 自定义 → 额外CSS中

新的主题其他主题：主题功能—自定义—自定义样式css代码

三、页面文章中使用

例如：若要隐藏【这是隐藏内容】这句话。则需要关注公众号并回复“开心宝”，获取验证码“1314”，之后方能查看。

四、公众号配置

我们配置了一个自动回复功能。在公众号中输入“数字”，之后便会收到“abc”的验证码。需注意，这里的自动回复内容一定要与“Key=”后面填写的保持一致，否则将无法打开文件。这里以“数字”为例，本文设置的是”开心宝“

 这样就可以关注公众号，回复关键字获取验证码，输入到验证框提交就可以了。