纯代码WordPress内容微信关注后可见

PetitQ WordPress教程 2019-2-14 1.68K 0 0

很早之前就有人分享过有这么一个 WordPress 插件，关注公众号并回复关键字获取验证码后，才能查看到文章中的隐藏内容。一直没有找到这个代码版的，前几天想起了这个功能，于是今天便找到了这个分享给大家。

核心代码：

```
    /**
```

     * WordPress文章部分内容关注微信公众号后可见

```
     */
```

    function lxtx_secret_content($atts, $content=null){

     extract(shortcode_atts(array('key'=>null,'keyword'=>null), $atts));

     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="改为二维码图片的网址" width="150" height="150" alt="你的二维码名字"><div class="post-secret"><i class="fa fa-exclamation-circle"></i>此处内容已经被作者无情的隐藏，请输入验证码查看内容</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">请关注“你的名字”官方QQ公众号，回复关键字“<span>'.$keyword.'</span>”，获取验证码。【注】用手机QQ扫描右侧二维码都可以关注“你的名字”官方QQ公众号。</div>

```
     </div>';
```
```
     }
```
```
    }
```

    add_shortcode('gzh2v', 'lxtx_secret_content');

也想出现在这里？联系我们吧

　　PS：注意修改代码中的相关内容！

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] {
```
```
	color: #9ba1a8;
```
```
	padding: 6px;
```
```
	background-color: #f6f6f6;
```
```
	border: 1px solid #e4e6e8;
```
```
	font-size: 12px;
```

	-moz-transition: border .25s linear,color .25s linear,background-color .25s linear;

	-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;

	-o-transition: border .25s linear,color .25s linear,background-color .25s linear;

	transition: border .25s linear,color .25s linear,background-color .25s 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;
```
```
}
```

集成短码：

    // 为了方便使用，在后台文本编辑器中集成该短代码。将以下代码放入 functions.php 中即可：

    function lxtx_wpsites_add_gzh_quicktags() {

```
        if (wp_script_is('quicktags')){
```
```
    ?>
```
```
        <script type="text/javascript">
```

        QTags.addButton( 'gzh2v', ' 公众号隐藏', '\n[gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]', "" );

```
        </script>
```
```
    <?php
```
```
        }
```
```
    }
```

    add_action( 'admin_print_footer_scripts', 'lxtx_wpsites_add_gzh_quicktags' );

使用方法：

　　在文章中插入以下简码，修改相关内容即可：

[gzh2v keyword="关键字" key="验证码"]隐藏内容[/gzh2v]

微信公众号：

这里以微信公众号为例（QQ 公众号应该也是这样），在微信公众号的“自动回复-关键字自动回复”中设置好关键字（对应上面代码中的 keyword）及验证码（对应上面代码中的 key）。

纯代码 WordPress 内容微信关注后可见

已有 421 人购买

永久更新：
演示数据：

立即购买

查看演示升级 VIP 立刻购买

炫酷企业建站作品展示WordPress中文模板

Supro - 极简电商网站模板WordPress汉化主题

Photon - 全屏摄影相册产品展示网站WordPress汉化主题

WordPress教程

纯代码WordPress内容微信关注后可见

核心代码：

CSS 样式：

集成短码：

使用方法：

微信公众号：

纯代码 WordPress 内容微信关注后可见

相关文章

为WordPress图像添加lazyload延迟

WordPress 后台文章列表添加自定义字段过滤筛选

代码实现WordPress多个站点同步文章更新方法

发表回复取消回复

热销模板

WordPress教程

核心代码：

CSS 样式：

集成短码：

使用方法：

微信公众号：

纯代码 WordPress 内容微信关注后可见

相关文章

发表回复 取消回复

热销模板

发表回复取消回复