Ripro会员中心左侧信息框下面增加编辑资料按钮和开通会员按钮

一、在/wp-content/themes/Ripro/assets/css/diy.css  底部加上以下样式

/*以下是用户中心左侧新增加编辑资料和开通会员按钮 */
.sidebar-card .sucaihu-edit {
margin: 15px 0
}

.sidebar-card .sucaihu-edit a {
background-color: #4CAF50;
display: inline-block;
width: 98px;
height: 38px;
text-align: center;
line-height: 38px;
border: 1px solid #bfc4cd;
color: #ffffff;
border-radius: 20px;
font-size: 14px;
font-weight: 500
}

.sidebar-card .sucaihu-edit a:hover {
color: #3d7eff;
background: rgba(61,126,255,.1);
border-color: rgba(61,126,255,.1)
}

.sidebar-card .sucaihu-edit a:last-of-type {
border: 1px solid #3d7eff;
background-color: #3d7eff;
margin-left: 20px;
color: #fff
}

.sidebar-card .sucaihu-edit a:hover {
color: #3d7eff;
background: rgba(61,126,255,.1);
border-color: rgba(61,126,255,.1)
}

第二步 /wp-content/themes/ripro/pages/user/nav.php 文件 找到

echo ‘<p><span class=”label label-default”><i class=”fa fa-user”></i> ‘.$CaoUser->vip_name().’用户</span><span style=” font-size: 12px; margin-left: 10px; color: red; “>已到期</span></p>’;
echo ‘<p>特权到期时间：’.$CaoUser->vip_end_time().'</p>’;
}
?>
</div>

再此下面增加

<div class=”sucaihu-edit”>
<a href=”/user?action=index”>编辑资料</a>
<a href=”/user?action=vip”>开通会员</a></div>

效果如下