修改b2主题消息通知美化教程

效果图

美化教程

打开wp主题文件wp-content/themes/b2/Modules/Templates/Header.php

<b class="bar-mark" v-if="count" v-cloak>

找到778行左右找到消息通知

<b class="bar-mark" v-if="count" v-cloak>

后面添加

<p class="tiaoslo" v-text="count"></p>

CSS代码

p.tiaoslo {
     font-size: 1px;
    margin-top:2px;
}
.change-theme b {
    width: 15px;
    height: 15px;
    background: #2196F3;
    top: -7px;
    right: 2px;
    padding:1.5px;
   
}