子比主题美化 – 电脑端导航栏布局一用户图标更改为用户头像

效果图

修改前

修改后

子比主题美化 – 电脑端导航栏布局一用户图标更改为用户头像

教程开始

进入/wp-content/themes/zibll/inc/functions/zib-header.php(子比主题的导航文件)

找到下面的框起来的代码部分(因为我这是自己修改过源码的文件所以不要看代码行数)

子比主题美化 – 电脑端导航栏布局一用户图标更改为用户头像

修改为

本文隐藏内容 – 登录可见

$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>

‘ . $user_sub . ‘

</ul>

</li>’:‘<li><a href=”javascript:;” class=”btn’ . ($user_id ? ” : ‘ signin-loader’) . ‘”>’ . zib_get_svg(‘user’, ’50 0 924 924′) . ‘</a>

‘ . $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);

}

Ctrl+D收藏我们

部分内容来自于网络如有不妥联系站长删除！

本站用户发帖仅代表本站用户个人观点，并不代表本站赞同其观点和对其真实性负责。

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

如果用于其他用途，请购买正版支持作者，谢谢！若您认为「CHUANGFUYE.COM」发布的内容若侵犯到您的权益，请联系站长邮箱:554286@qq.com 进行删除处理。
本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。