WordPress关注微信公众号回复加密验证码

通用主题版本

首先向主题functions.php文件添加段代码函数，直接修改前端输出部分代码即可（样式表需要调整，添加媒体查询）。因代码中有中文，所以修改保存functions.php文件时，模版编码选择：UTF-8无BOM（无签名），否则中文会显示乱码。

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="https://mydomain.com/qrcode.jpg" 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;
}

久伴博客知更鸟版本

打开知更鸟主题目录begin/inc/shortcode.php（或者begin/inc/inc.php）文件查找搜索加密内容，然后替换久伴的代码，与以上版本不同，这个版本验证码是文章ID。

// 加密内容
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://jiub.ren/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> ';
  }
}

样式表

.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;
}