B2主题首页添加注册会员用户与付费会员展示

在你的首页模块添加以下代码：

<div  class="  home_row home_row_1  module-qukuai  " style="background-color:;"> 
<div class="wrapper">
<div class="home-row-left content-area box b2-radius"> 
 <div class="hot-top wrapper layui-clear">
<span class="note"> 花 粉 </span>
<i class="tg-ph"></i>
<div class="left">
<a class="hover" id="lively_online" onmouseenter=lively_online()>最新注册</a>
<a class="" id="contribution" onmouseenter=contribution()>付费用户</a>
</div>
<div class="right">
<div class="right-overflow" id="yhturns" style="transform: translateY(0px);">
<div class="right-main">
<ul class="layui-clear top-ul">
<?php $usernames = $wpdb->get_results("SELECT ID,display_name, user_url FROM $wpdb->users ORDER BY ID DESC LIMIT 8");
foreach ($usernames as $username) {
    echo '<li>
    <a href="'.esc_html(get_home_url().'/users/'.$username->ID).'">
    <div class="list-img">
    <img src="'.get_avatar_url($username->ID).'" class="yuan">
    </div>
    <h3>
    ' . $username->display_name .'
    </h3>
    </a>
    </li>
    ';
    }
    ?>
</ul>
</div>

<div class="right-main">
<ul class="layui-clear top-ul">
<?php $usernames = $wpdb->get_results("SELECT user_id FROM $wpdb->usermeta where meta_key='zrz_vip' and meta_value='vip0' or meta_key='zrz_vip' and meta_value='vip1' or meta_key='zrz_vip'  and meta_value='vip2' or meta_key='zrz_vip' and meta_value='vip3' order by user_id desc limit 8");
foreach ($usernames as $username) {
    $userinfo = get_userdata($username->user_id);
    echo '<li>
    <a href="'.esc_html(get_home_url().'/users/'.$username->user_id).'">
    <div class="list-img">
    <img src="'.get_avatar_url($username->user_id).'" class="yuan">
    </div>
    <h3>
    ' .$userinfo->display_name.'
    </h3>
    </a>
    </li>
    ';
    }
    ?>
</ul>
</div>
</div>
</div>
</div>

<script type="text/javascript">
function lively_online() {
    document.getElementById('lively_online').className = 'hover';
    document.getElementById('contribution').className = ' ';
    document.getElementById('yhturns').style = 'transform: translateY(0px);';
    }
function contribution() {
    document.getElementById('lively_online').className = ' ';
    document.getElementById('contribution').className = 'hover';
    document.getElementById('yhturns').style = 'transform: translateY(-160px);';
    }
</script>
</div></div></div>

第二步：

在你的自定义CSS中添加以下样式代码：

第三步：

刷新浏览器缓存查看效果