WordPress實現關注微信公衆號回覆關鍵字獲取驗證碼查看網站隱藏內容

今天好朋友問我，他有很多優秀的作品發佈到網上免費提供給大家查詢，但是他說的想通過網友關注他的微信公衆號之後獲取驗證碼才能觀看。一是吸引一些粉絲，二是證明一下自己的勞動成果。於是我就安排。

一、功能代碼

首先還是找到主題下面的functions.php。技術functions.php是萬能的。添加到當前主題函數模板 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="http://自己的微信公衆號二維碼圖片" alt="weixin">
				</div>
			</div>
		</form>';
	}
}
add_shortcode('weixin', 'weixin_fans');

修改其中的：

1、你的微信公衆號名稱 】更改爲自己的公衆號名稱。

2、http://自己的微信公衆號二維碼圖片】更改爲自己的二維碼存放網址。

二、顯示樣式

.hidden-content, .weixin-form {
	padding: 0 0.5rem;
	border: 1px dashed #ff4400;
}
.weixin-n {
	color: #ff4400;
}
.weixin-form img {
	width: 100px;
	height: auto;
}

 默認主題：添加到主題樣式文件中或者外觀 → 自定義 → 額外CSS中

新的主題其他主題：主題功能—自定義—自定義樣式css代碼

三、頁面文章中使用

[weixin key=驗證碼 reply=回覆的內容]隱藏的內容[/weixin]

例如：隱藏【我是123456】這句話。需要關注公衆號回覆：數字。獲取驗證碼：abc。才能查看

在頁面中這樣書寫：

[weixin key=abc reply=數字]我是123456[/weixin]

 這樣我們就搭建完成。

四、公衆號配置

根據我們配置的我們設置一個自動回覆功能。在公衆號中輸入：數字。之後就能收到一個：abc的驗證碼。在這裏自動回覆的一定要和Key=後面填寫的一致，否則無法打開文件。

 這樣就可以關注公衆號，回覆關鍵字獲取驗證碼，輸入到驗證框提交就可以了。