之前地质网@老白我分享过关于用户等级美化的教程,今天再分享一个高级版:2025更新版-WordPress网站7B2主题用户等级勋章美化,仅测试过7B2主题,其他主题自测!
一、效果演示
适用于网站评论区、圈子里面的作者标识
二、美化代码教程
(说明:教程转载自https://sjcnh.cn/1396.html,谢谢站长大大的分享)
1.实现思路
LV等级,是判定的LV+1,游客单独判定,我们直接忽略,后台可以看的出来第一级是LV0开始,那么怎么替换成图片呢?
把原程序的LV+1改为图片路径/LV+1.png
意思就是:本来程序输出的是LV1,我们获取这个LV1,然后把LV1替换对应的图片名称。
例:
图片LV1的图片路径:../vip/0.png.webp,把原来的代码改为img标签。这样就实现了。
2.上传新的等级照片(勋章)
图片下载地址:
https://qtrj.lanzoul.com/ipGToxzolpi
(该图标转载自憨宝网,原文同上)
https://wwm.lanzouw.com/itf2o0690xkj
(该图标转载自轻论坛。原文:https://www.qingluntan.cn/forum-post/571)
3.替换原有图片路径
打开Modules>Common>User.php,查找:
/*会员等级修改代码*/ <i style="border-color:'.$color.'"></i><b style="color:'.$color.'">'.$name.'</b> /*用户等级修改代码*/ <i>'.$lv.'</i>
替换为,注意src后面的勋章图片路径
/*会员等级修改代码*/ <img src="/你等级图片存储的目录/'.$lv.'.png" style="height: 20px;" title="'.$name.'"> /*用户等级修改代码*/ <img src="/你等级图片存储的目录/'.$lv.'.png" style="height: 20px;" title="'.$name.'">
这里的height: 20px;
调整大小,教程结束!!!
4.图片格式要求
将你的等级图片从lv0-lv7命名,会员等级vip0-vip3命名,注意大小写,上传到修改目录即可,系统会自动匹配对应的等级显示。
三、相关文章
内容很多,大家点文末标签即可阅读!!!