夕阳博客 - 专注优质网络资源分享的技术博客
夕阳博客 - 专注优质网络资源分享的技术博客
夕阳博客 - 专注优质网络资源分享的技术博客

WordPress子比主题评论等级添加

前言

这几天有很多人想让我出个评论区等级铭牌的教程,因子比主题要大更新出论坛系统了,想着就不分享出来了,不过还是写出来给大家吧,说不定也有人用的上!话不多说先来看看效果图。(刚写完就在小伙伴那里发现一个问题【站长没开通vip的话会显示新朋友】,所以更新了一下)

图片

WordPress子比主题评论等级添加-夕阳博客
侧栏的评论区
WordPress子比主题评论等级添加-夕阳博客
文章的评论
WordPress子比主题评论等级添加-夕阳博客
铭牌的说明

步骤一

主要代码还是在zibll/inc/functions/zib-comments-list.php里面,网站评论区有点冷清我就设置个评论才能看吧!我就不研究分享哪一段代码了,直接整个文件的代码分享出来好了!你们直接替换或者懂的人也可以复制关键的代码放上去(//评论区会员等级开始)到(//评论区会员等级结束)!

步骤二

css放哪我就不说了,大家应该知道放哪了!

/*评论用户*/
.auth-lr{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#9a9a9a 0%,#dcdcdc 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-user{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#3a8ee6 0%,#93c8ff 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-vip{margin-left: 5px;background-image: -webkit-linear-gradient(0deg,#ffd459 0%,red 180%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-svip{margin-left: 5px;background: linear-gradient(317deg, #4d4c4c 30%, #878787 70%, #5f5c5c 100%);font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;}
.auth-zz{margin-left: 5px;font-size: 10px;color: #fff;display: inline-block;border-radius: 2px;padding: 0 4px;vertical-align: baseline;background-image: -webkit-linear-gradient(0deg,#ff72f5 0%,#ffbdfa 100%);border: none;}
/*LV等级*/
.autlv{margin-left:2px;font-size:10px;color:#fff;display:inline-block;font-weight:400;border-radius:2px;padding:0 4px;letter-spacing:0px;}
.aut-6{background: #cc00ff;}.aut-5{background: #f64444;}.aut-4{background: #ff7a2c;}.aut-3{background: #ffce85;}.aut-2{background: #92ec65;}.aut-1{background: #a8d3ff;}.aut-0{background: #fcf;}

结束

好了代码就这么多,如果有bug的话可以告诉我,因为弄这些有点久忘了代码是否全!


👋 感谢您的观看 Xy PRO!

© 版权声明
THE END
喜欢本站内容,请点【分享】【赞】和【收藏】
点赞0赞赏 分享
评论 共48条
头像
你这么聪明,说什么都对!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • 头像速度路人0
    • 头像114514路人0