WordPressZibll修改菜单用户头像图标代码

目前的子比主题菜单的用户头像采用的svg图标有些小伙伴们想换成,用户头像的样式,那么在未登录的时候显示默认头像,已经登陆的状态下显示函数获取到的用户头像。

演示:

图片[1]-WordPressZibll修改菜单用户头像图标代码-GOdou社区

修改步骤:

  • 修改/zibll/inc/functions/zib-header.php文件,注释掉156~160行代码
$sign_but = '<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>';
  • 然后再添加这段:
$sign_but = '<li style="width: 58px;"><a href="javascript:;" class="btn' . ($user_id ? '' : ' signin-loader') . '">' . zib_get_data_avatar($user_id) . '</a>
  <ul class="sub-menu">
    ' . $user_sub . '
    </ul>
</li>';

需要修改的代码演示图:

图片[2]-WordPressZibll修改菜单用户头像图标代码-GOdou社区
代码分析
这段代码定义了一个 $sign_but 字符串变量,其中包含 HTML 元素,在网页上显示一个个人头像并提供一些下拉菜单。

具体来说,代码中的 HTML 元素包括:

    一个 li 元素,设置其宽度为 58 像素,包含以下内容:
        一个链接,当 ($user_id ? '' : ' signin-loader') 表达式成立时,会添加 signin-loader 类名。这个类名可用于区分已登录和未登录状态下的链接样式。
        zib_get_data_avatar($user_id) 函数的返回值,该函数根据给定的用户 ID 加载并返回用户的个人头像。
        一个下拉菜单,包含位于 $user_sub 变量中的一组其他链接,具体内容由 $user_sub 的值决定。

需要注意的是,代码中的 $user_id 和 $user_sub 变量没有在上述代码段中定义,其值可能在代码的其他位置被声明和赋值。

转至:https://www.zibll.com/forum-post/14593.html

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
发表回复 抢沙发

请登录后发表评论

    暂无评论内容