WordPress网站7B2主题用户等级勋章美化

之前老白博客@老白我分享过关于用户等级美化的教程,今天再分享一个高级版:WordPress网站7B2主题用户等级勋章美化,仅测试过7B2主题,其他主题自测!

一、效果演示

适用于网站评论区、圈子里面的作者标识

WordPress网站7B2主题用户等级勋章美化插图

WordPress网站7B2主题用户等级勋章美化插图1

二、美化代码教程

(说明:教程转载自https://www.imhanhan.com/385.html,谢谢站长大大的分享)

1.实现思路

LV等级,是判定的LV+1,游客单独判定,我们直接忽略,后台可以看的出来第一级是LV0开始,那么怎么替换成图片呢?

把原程序的LV+1改为图片路径/LV+1.png.webp

意思就是:本来程序输出的是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,查找:

<b>'.$name.'</b><i>'.$lv.'</i>

替换为,注意src后面的文件路径

<img src="/vip/'.$lv.'.png.webp" style="height: 20px;" title="'.$name.'">

这里的height: 20px;调整大小,教程结束!!!

三、相关文章

内容很多,大家点文末标签即可阅读!!!

温馨提示:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:duhaomu@163.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA赞赏
共{{data.count}}人
人已赞赏
未整理

曾仕强讲座-曾仕强《中国式管理:管理vs领导-卓越经理人必修课》

2021-12-26 0:00:00

未整理

WordPress优化教程-未登录全站图片模糊/文章图片模糊

2021-12-26 10:35:00

0 条回复 A文章作者 M管理员
----《》
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索