最新公告
  • 共克时艰,助力湖北。疫情期间,SVIP会员,享半价特惠!立即加入我们
  • ripro主题美化:二级导航菜单添加文章数量统计和美化小圆点手机扫码预览

    ripro主题美化:二级导航菜单添加文章数量统计和美化小圆点

    售价:
    ¥0 钻石
    • 普通VIP用户购买价格 : 0钻石
    • 钻石SVIP会员购买价格 :0钻石
    • 终身钻石SVIP购买价格 : 0钻石
    • 免费售前咨询
    • 免费安装指导
    • 付费安装资源
    • 付费终身升级
    • 售后保障服务
    • 应急咨询顾问

    升级尊贵会员
    享受全站SVIP待遇

    9999+
    会员已经加入
  • 文章介绍
  • 废话不多说,请看效果图。

     

    1、找到riprofunctions.php 文件,在最下面添加以下代码:

    //导航菜单增加文章统计
    function wt_get_category_count($cat_ID) {
        $category = get_category($cat_ID);
        return $category->count;
    }
    function lanmitu_nav_items_num( $items,$args ) {
        if(isset($args->theme_location) && $args->theme_location == 'menu-1') {
            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.= ''.$a.'';
                    }
                }
            }
        }
        return $items;
    }
    add_filter( 'wp_nav_menu_objects', 'lanmitu_nav_items_num',10,2 );

    2、找到riproassetscssdiy.css 在最下面添加以下CSS样式:

    .numzz {
    	position: absolute;
    	top: 8px;
    	left: 68%;
    	color: #555;
    	border-radius: 8px;
    	text-align: center;
    	font-family: Calibri;
    	background: #eee;
    	font-size: 12px;
    	min-width: 32px;
    }
    
    .lanse {
        box-sizing: border-box;
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
    	margin-left: 10px;
        margin-top: -6px;
        left: 0;
    	border-color: #61e1b9;
    	border: 3px solid #7a99f2;
    }
    
    .lvse {
        box-sizing: border-box;
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
    	margin-left: 10px;
        margin-top: -6px;
        left: 0;
    	border-color: #61e1b9;
    	border: 3px solid #70d7cf;
    }
    .huangse {
        box-sizing: border-box;
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
    	margin-left: 10px;
        margin-top: -6px;
        left: 0;
    	border-color: #61e1b9;
    	border: 3px solid #f5c745;
    }
    .hongse {
        box-sizing: border-box;
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin-left: 10px;
        margin-top: -6px;
        left: 0;
        border-color: #61e1b9;
        border: 3px solid #f1787f;
    }
    

    3、导航前面添加小圆点,在后台-菜单里设置,如下图:

       

    一共分为:hongse(红色) lanse(蓝色) huangse(黄色) lvse(绿色)四款样式,大家可以按照自己喜欢的样式进行修改!

    注意事项:如果使用子主题的请改子主题文件!

    1. 本站资源来源于用户上传和网络,如有侵权请联系站长!
    2. 本站资源分享目的仅供学习和交流,请不要用于商业用途!
    3. 本站资源如有链接无法下载、失效或广告,请联系站长处理!
    4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    5. 如果您有好的资源,可以投稿发布,分享有钻石奖励和额外收入!

    wordpress美化 » ripro主题美化:二级导航菜单添加文章数量统计和美化小圆点