修改导航图标为登录用户头像

文章摘要
scbkw

20250507164531972-image

如上图,修改导航的显示

修改/wp-content/themes/zibll/inc/functions/zib-header.php的156行,如下图

20250507164549227-image

$sign_but = is_user_logged_in()?'<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_avatar_box($user_id, 'avatar-img-diy', true, false).'</a>
                            <ul class="sub-menu">
                            ' . $user_sub . '
                            </ul>
                        </li>':'<li><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_svg('user', '50 0 924 924') . '</a>
              <ul class="sub-menu">
              ' . $user_sub . '
              </ul>
            </li>';

自定义css

.avatar-img-diy {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    --this-size: 30px;
    width: var(--this-size);
    height: var(--this-size);
}
© 版权声明
THE END
喜欢就支持一下吧
分享
评论 抢沙发

请登录后发表评论

    暂无评论内容