最新公告
  • 欢迎您光临65源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • RIPRO主题美化: 给二级导航菜单添加文章数量统计和美化小圆点

    教程开始:
    1、找到\ripro\functions.php 文件,在最下面添加以下代码:
    [cc lang=”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 );

    [/cc]
    2、找到\ripro\assets\css\diy.css 在最下面添加以下CSS样式:
    [cc lang=”php”]
    /**二级菜单文章统计**/
    .num {
    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;[cc lang=”php”]

    border-color: #61e1b9;
    border: 3px solid #f1787f;
    }
    /***二级导航前面小圆点结束***/
    [/cc]
    3、导航前面添加小圆点,在后台-菜单里设置,如下图:

    [cc lang=”php”]
    //这里的”hongse”对应的是上面CSS样式,一共4个样式,根据自己的爱好可以作相应的调整
    [/cc]

    免责声明 1 本网站名称:65源码网
    2 本站永久网址:http://www.65ymw.com
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ34454443进行删除处理。
    4 所有资源仅供大家学习和交流,请不要用于商业及违法用途,有此产生的后果与本站无关!
    5 如果你有闲置源码或教程,可以到个人中心投稿区发布,有金币奖励和额外收入!
    6 本站提供的源码、模板、插件等其它资源,都不包含技术服务请大家谅解!
    7 如有链接无法下载、失效或广告,请联系网站客服处理!
    8 本站资源售价只是赞助,收取的费用仅用于维持本站的日常运营!会员及资源为虚拟物品复制性强不支持任何形式的退款!
    9 如遇到加密压缩包,默认解压密码为"65ymw.cn",如遇到无法解压的请联系客服!
    10如遇到支付或充值失败或充值未到账不要急!略有延时2小时内人工补单均能到帐特殊情况除外。

    65源码网 » RIPRO主题美化: 给二级导航菜单添加文章数量统计和美化小圆点

    发表评论

    • 962会员总数(位)
    • 45454资源总数(个)
    • 115本周发布(个)
    • 14 今日发布(个)
    • 1851稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    升级SVIP尊享更多特权立即升级