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

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

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

.reply-read{margin:15px 0;border-radius:2px;border:1px solid #ddd}
.reply-read:after{content: "";display: block;clear: both;}
.reply-ts{float:left;width:75%}
.read-sm,.read-smx{padding:5px 15px;margin-bottom:-1px}
.read-sm{border-bottom:1px solid #ddd}
.read-pl{float:right;width:25%;height:74px;line-height:74px;text-align:center;border-left:1px solid #ddd}
.read-pl a{display:block;color:#555!important}
.read-pl a:hover{background:#26aae1;color:#fff!important}

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

// 文章部分内容登录可见
// https://boke112.com/post/12156.html
function denglu_read($atts, $content=null) {
    extract(shortcode_atts(array("notice" => '
    <div class="reply-read">
<div class="reply-ts">
    <div class="read-sm">此处为隐藏的内容！</div>
<div class="read-smx">成功登录并刷新，才能查看</div>
</div>
    <div class="read-pl"><a href="'.esc_url(wp_login_url()).'">立即登录</a></div>
    </div>'), $atts));
    if (is_user_logged_in() && !empty( $content ) && !is_feed()) {
        return do_shortcode('<div class="secret-password">'.do_shortcode( $content ).'</div>');
    } else {
        return $notice;
    }
}
add_shortcode('denglu', 'denglu_read');

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_denglu', '登录可见', '[denglu]', '[/denglu]');
</script>
<?php }

3、以后发布登录可见内容时，只需要进入WordPress后台正常编辑文章，点击切换到“文本”，将光标定位到需要隐藏的内容开头并点击【登录可见】按钮，然后将光标定位到需要隐藏的内容结尾并编辑【/登录可见】按钮。发布文章后非登录状态看到的效果如下图所示：

点击【立即登录】按钮并成功登录后，刷新该页面即可看到隐藏的内容了。

如果想要修改这个登录可见的样式和内容，大家可自行修改第1步的CSS代码和第2步的代码。

本文地址：https://boke112.com/post/12156.html