子比主题美化 – 顶部导航栏菜单右上角添加徽章

效果图

教程开始

进入WordPress后台-外观-󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄢󠄪󠄠󠄥󠄪󠄤󠄩󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹菜单页面

正常导航名称部分是纯文字󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄢󠄪󠄠󠄥󠄪󠄤󠄩󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹的，因为这里也写了 支持HTML所以支持badge标签添加徽章，搭配子比自带的颜色 直接在class里󠄹󠅀󠄪󠄡󠄡󠄣󠄞󠄨󠄞󠄡󠄨󠄥󠄞󠄢󠄤󠄢󠅬󠅅󠅃󠄵󠅂󠄪󠄦󠄢󠄦󠅬󠅄󠄹󠄽󠄵󠄪󠄢󠄠󠄢󠄥󠄝󠄠󠄩󠄝󠄠󠄧󠄐󠄡󠄢󠄪󠄠󠄥󠄪󠄤󠄩󠅬󠇕󠆒󠆘󠇖󠆈󠆏󠇕󠅽󠆊󠇕󠆞󠆒󠄐󠇗󠅹󠅸󠇖󠆍󠅳󠇖󠅹󠅰󠇖󠆌󠅹面填写即可

列举几个常用的颜色名称

1. jb-red渐变红色背景

2.jb-yellow 渐变橙色背景

3.jb-blue 渐变蓝色背景

4.jb-green 渐变绿色背景

5.jb-purple 渐变紫色背景

6.jb-vip1 渐变金色背景

7.jb-vip2 渐变黑色背景

示例代码

第二种样式

示例代码

原理相同 根据自己来写即可