YIA主题如何实现文章部分内容密码可见功能？

WordPress主题YIA默认是没有文章部分内容密码可见功能的，若想要该功能，需要另外购买TB-Member会员交易插件才行。不过我们可以自行添加代码实现密码可见功能，具体操作步骤如下：

1、登录WordPress后台 >> YIA主题设置 >> 自定义代码 >> 在“CSS代码”中添加以下CSS代码（或将代码添加到YIA主题的style.css文件中）。

.post-pw-form{margin:15px 0;padding:5px 15px 0;border-radius:2px;border:1px solid #ddd}
.post-pw-form input[type=password]{width:40%;height:38px;line-height:30px}
.post-pw-form input[type=password],.post-pw-form input[type=submit]{background:#fff;padding:5px;border-radius:2px;border:1px solid #ddd;-webkit-appearance:none}
.post-pw-form input[type=submit]{width:5pc;line-height:25px;cursor:pointer}
.post-pw-form input[type=submit]:hover{background:#26aae1;color:#fff!important;border:1px solid #26aae1;text-decoration:none;}
.post-secret{padding:5px 0}

2、打开yia文件夹内的functions.php文件，添加以下密码可见代码：

// 文章部分内容密码可见
// https://boke112.com/post/12158.html
function e_secret($atts, $content=null){
extract(shortcode_atts(array('key'=>null), $atts));
if(isset($_POST['secret_key']) && $_POST['secret_key']==$key){
return '<div class="secret-password">'.do_shortcode( $content ).'</div>';
} else {
return '
<form class="post-pw-form" action="'.get_permalink().'" method="post">
<div class="post-secret">输入密码查看加密内容：</div>
<p>
<input id="pwbox" type="password" size="20" name="secret_key">
<a class="a2" href="javascript:;"><input type="submit" value="提交" name="Submit"></a>
</p>
</form>';
}
}
add_shortcode('secret','e_secret');

add_action('after_wp_tiny_mce', 'boke_after_wp_tiny_mce');
function boke_after_wp_tiny_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'ygj_secret', '密码可见', '[secret key=\'123456\']', '[/secret]');
</script>
<?php }

上述第24行代码的123456就是默认的密码，可自行修改，也可以在发布文章时修改特定密码。

特别说明：如果你使用的YIA主题已经参考『YIA主题如何实现文章部分内容登录可见功能？』一文添加了登录可见功能，那么上述代码第20～26行代码不需要添加，只需要将24行代码添加到登录可见</script>代码的前面即可。

3、以后发布密码可见内容时，只需要进入WordPress后台正常编辑文章，点击切换到“文本”，将光标定位到需要隐藏的内容开头并点击【密码可见】按钮，然后将光标定位到需要隐藏的内容结尾并编辑【/密码可见】按钮，然后修改默认密码123456为自己想要设置的密码，发布文章后还没有输入密码的时候看到的效果如下图所示：

YIA主题如何实现文章部分内容密码可见功能？-第1张-boke112百科(boke112.com)