「WP菜单徽章」如何自定义菜单徽章的图标和颜色？

效果图：

操作步骤：

打开WordPress后台「外观」–「菜单」–「菜单结构」代码如下：

<badge class="jb-yellow">NEW</badge>

这里的「badge」代码徽章即效果图片里的「NEW」而「class」是徽章的颜色；

Class颜色代码：

Badge徽章：

其实Badge还可以用在标签、计数、需要重点提示的内容，就不一一展开讲了，当然如果这些class的样式还满足不了你，可以直接添加「style」代码哦，同时 「badge 」徽章的内容也是支持自定义图标的，如下图（周边配件上的图标）：

代码如下：

<badge class="jb-red"><i class="fa fa-bolt"></i></badge>