子比主题美化 – 自定义下拉登录框

效果预览

文件路径：/wp-content/themes/zibll/inc/functions/zib-header.php 搜索以下代码：

$href .= '<a href="javascript:;" class="tuc-2ea177b2-7bde50-0 signin-loader tuc-2ea177b2-7bde50-0">

将以下代码注释：

        $href .= '<a href="javascript:;" class="tuc-2ea177b2-7bde50-0 signin-loader tuc-2ea177b2-7bde50-0"><div class="tuc-2ea177b2-7bde50-0 badg mb6 toggle-radius c-blue tuc-2ea177b2-7bde50-0">' . zib_get_svg('user', '50 0 924 924') . '</div><div class="tuc-2ea177b2-7bde50-0 c-blue tuc-2ea177b2-7bde50-0">登录</div></a>';
        $href .= !zib_is_close_signup() ? '<a href="javascript:;" class="tuc-2ea177b2-7bde50-0 signup-loader tuc-2ea177b2-7bde50-0"><div class="tuc-2ea177b2-7bde50-0 badg mb6 toggle-radius c-green tuc-2ea177b2-7bde50-0">' . zib_get_svg('signup') . '</div><div class="tuc-2ea177b2-7bde50-0 c-green tuc-2ea177b2-7bde50-0">注册</div></a>' : '';
        $href .= '<a target="_blank" href="' . add_query_arg('redirect_to', esc_url(zib_get_current_url()), zib_get_sign_url('resetpassword')) . '"><div class="tuc-2ea177b2-7bde50-0 badg mb6 toggle-radius c-purple tuc-2ea177b2-7bde50-0">' . zib_get_svg('user_rp') . '</div><div class="tuc-2ea177b2-7bde50-0 c-purple tuc-2ea177b2-7bde50-0">找回密码</div></a>';
        $href .= '</div>';

在注释的下方添加以下代码：

$href .= '<img src="你的图片链接" class="tuc-2ea177b2-7bde50-0 mascot signin-loader tuc-2ea177b2-7bde50-0"><p>主人，请点击头像登录后查看哦~</p><div class="tuc-2ea177b2-7bde50-0 flex jsa header-user-href tuc-2ea177b2-7bde50-0">';

CSS代码：这个就不用我教你放在哪里了吧？

.mascot {
    display: block;
    height: auto;
    width: 150px;
    margin: 0 auto 20px;
}
.explain {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    display: block;
    text-align: center;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}