本文最后更新于 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;
}
除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。



全部评论 (0)