最近用wp做网站,发现一个问题,大部分主题都可以在菜单下添加二级分类目录页面导航,但是有的主题即使在菜单下添加添加了,仍然在前台页面也无法显示二级目录,那么就需要咱们去想办法解决了,实现这个功能要用到两个函数。
首先应该把如下代码放到header.php里面:

<!--添加显示二级导航菜单-->
<!-- 页面导航菜单 START -->
<!--<div id="menu">
<div class="menub">
<ul>
<li<?php if (is_home()) { echo ' class="current-cat"';} ?>><a title="<?php _e('Home', 'default'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'default'); ?></a></li>
<?php
$currentcategory = '';
// 以下这行代码用于在导航栏添加分类列表,
if (!is_page() && !is_home()) {
$catsy = get_the_category();
$myCat = $catsy[0]->cat_ID;
$currentcategory = '&current_category='.$myCat;
}
wp_list_categories('depth=2&title_li=&show_count=0&hide_empty=0'.$currentcategory);

// 以下这行代码用于在导航栏添加页面列表
wp_list_pages('depth=2&title_li=&sort_column=menu_order');
?>
</ul>
</div>
</div>-->
<!-- 页面导航菜单 END -->

然后就是CSS来设置这个menub了

/*菜单导航二级目录*/
#menu{width:960px;margin:10px auto 0px;border:1px #aaa;-webkit-box-shadow:#ccc 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}

/*#menu{width:960px;margin:10px auto 0px;border:1px solid #aaa;-webkit-box-shadow:#ccc 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}*/

#footer{width:960px;margin:30px auto 10px;border:1px solid #aaa;-webkit-box-shadow:#CCC 0 0 5px;-moz-box-shadow:#CCC 0 0 5px;box-shadow:#CCC 0 0 5px;background:#FFF;height:35px}

#menu ul li,#footer ul li{float:left;text-align:center;min-width:57px}

#menu ul li a,#footer ul li a{font-size:14px;display:block;padding:7px 14px;white-space:nowrap}

#menu ul li:hover a,#footer ul li:hover a{transform:rotate(6deg);-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg)}

#menu ul li:hover,#footer ul li:hover{background:#f2f2f2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

#menu ul li.current-cat a,.current_page_item a{color:#1ba1e2}

.menub{font-size:12px;position:relative;z-index:100;}

.menub ul{list-style:none;}

.menub li {float:left;position:relative;}

.menub ul ul {visibility:hidden;position:absolute;}

.menub table {position:absolute; top:0; left:0;}

.menub ul li:hover ul,

.menub ul a:hover ul{visibility:visible;}

.menub a{display:block;background:#ffffff;padding:0px;margin:0px;color:#777777;text-decoration:none;}

.menub a:hover{background:#f2f2f2;color:#f09609;}

.menub ul ul{}

.menub ul ul li {clear:both;text-align:left;font-size:12px;}

.menub ul ul li a{display:block;width:100px;height:13px;margin:0;border-bottom:1px solid #000000;}

.menub ul ul li a:hover{border:0;background:#bce27f;}

转载请注明转自:运达's blog 原文地址:http://www.yunda51.com/875.html