文章目录
本文最后更新于 2020-09-28,已超过 365 天未更新,内容可能已失效。

一个感觉还实用的美化功能,效果可以看本站二级菜单右边统计

 

第一步:functions.php添加如下函数

[rihide]


/*
 * ------------------------------------------------------------------------------
 * 导航栏增加分类统计wwww.jhshome.top
 * ------------------------------------------------------------------------------
 */
function wt_get_category_count($cat_ID)
{
	$category = get_category($cat_ID);
	return $category->count;
}
function sucaihu_nav_items_num( $items, $args )
{
	if (isset($args->theme_location) && $args->theme_location == 'top') {
		foreach ( $items as $key=>$item ) {
			if ($item->object == 'category') {
				//$cat = get_category_by_slug($slug);
				$catID = isset($item->object_id) ? $item->object_id : false;
				if ($catID && $item->post_parent!=0) {
					$a=wt_get_category_count($catID);
					$items[$key]->title.= '<span class="navnum">'.$a.'</span>';
				}
			}
		}
	}
	return $items;
}
add_filter( 'wp_nav_menu_objects', 'sucaihu_nav_items_num',10,2 );

[/rihide]

第二步:app.css添加以下CSS代码,

样式可以更加需要美化一下

/*导航菜单增加分类统计*/
.navnum {
    position: absolute;
    top: 16px;
    left: 70%;
    color: #555;
    border-radius: 5px;
    text-align: center;
    font-family: Calibri;
    background: #eee;
    font-size: 12px;
    min-width: 32px;
}

@media screen and (max-width: 680px) {
    .navnum {
        display: none;
    }
}

 

第三步:

二级菜单居中显示,不太美观。稍微修改下CSS。搜索 .site-navbar .sub-menu li a。590行替换下面代码

.site-navbar .sub-menu li a {
    color: #fff;
    display: flex;
    line-height: 14px;
    padding: 15px 30px;
    align-items: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

 

CC 许可协议
署名-非商业性使用-相同方式共享 4.0 国际 了解协议
文章链接:https://zptheme.com/4769.html
本文作者:子佩·来源:子佩工作室

除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。

相关推荐

发表回复

登录后即可发表评论

社交账号登录

全部评论 (0)

/