目前的子比主题菜单的用户头像采用的svg图标有些小伙伴们想换成,用户头像的样式,那么在未登录的时候显示默认头像,已经登陆的状态下显示函数获取到的用户头像。
演示:
![图片[1]-WordPressZibll修改菜单用户头像图标代码-GOdou社区](http://www.godoublog.com/wp-content/uploads/2023/03/QQ截图20230320223041.png)
修改步骤:
- 修改/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社区](https://www.godoublog.com/wp-content/uploads/2023/03/图片-24.png)
代码分析
这段代码定义了一个 $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
暂无评论内容