效果图
![图片[1]-子比主题美化 – 顶部导航栏菜单右上角添加徽章-零染收集blog](https://tupian-1301907405.cos.ap-guangzhou.myqcloud.com/2025/12/19/946633.png)
教程开始
进入wordpress后台-外观-菜单页面
![图片[2]-子比主题美化 – 顶部导航栏菜单右上角添加徽章-零染收集blog](https://tupian-1301907405.cos.ap-guangzhou.myqcloud.com/2025/12/19/827446.png)
正常导航名称部分是纯文字的，因为这里也写了 支持HTML所以支持badge标签添加徽章，搭配子比自带的颜色 直接在class里面填写即可
列举几个常用的颜色名称
1. jb-red渐变红色背景
2.jb-yellow 渐变橙色背景
3.jb-blue 渐变蓝色背景
4.jb-green 渐变绿色背景
5.jb-purple 渐变紫色背景
6.jb-vip1 渐变金色背景
7.jb-vip2 渐变黑色背景
示例代码
第二种样式
![图片[3]-子比主题美化 – 顶部导航栏菜单右上角添加徽章-零染收集blog](https://tupian-1301907405.cos.ap-guangzhou.myqcloud.com/2025/12/19/308077.png)
示例代码
原理相同 根据自己来写即可
© 版权声明
THE END
![子比主题图标美化[美化子比内置的86个svg图标]-零染收集blog](https://tupian-1301907405.cos.ap-guangzhou.myqcloud.com/2025/12/21/179939.png)
暂无评论内容