三步实现7B2主题导航菜单添加24小时内新增文章数量

常用7B2主题的伙计们都知道，主题虽然有很多优点，但一些功能都没有实现，目前7B2的开发基本处于停摆状态，估计也不会加上什么对访客友好的功能了，而在实际应用中我们却又很多需求无法得到满足，比如文章更新情况的展示，这个教程可以让你将24小时内更新的文章数量有效的展现在导航栏的一级分类标题上，友好的角标风格，简约的数字，希望你们喜欢。

注意，此方法只对一级菜单有效，二级菜单不生效，觉得意义不大，父分类更新数量展示已经足够。

PC端效果和手机端菜单效果：

以下是操作方案：

一、在B2子主题的functions.php中加入：

位置所示：

二、修改B2主题（不是子主题，是B2官方主题）中：

b2/Modules/Templates中的Menu.php文件，在

$title = apply_filters( ‘nav_menu_item_title’, $title, $item, $args, $depth );

下方加上：

位置所示：

三、最后在子主题样式style.css中加入角标样式：

.new-post-count {
    background-color: #ff4757; /* 背景颜色 */
    color: #fff; /* 文字颜色 */
    font-size: 10px; /* 字体大小 */
    padding: 2px 4px; /* 内边距 */
    border-radius: 8px; /* 圆角 */
    margin-left: 4px; /* 左边距 */
    vertical-align: super; /* 设置为上标 */
    line-height: 1; /* 行高 */
    display: inline-block; /* 设置为行内块元素 */
    transform: translateY(-2px); /* 微调垂直位置 */
}