城市里的游牧民族

Menu

WordPress 二级导航菜单

首先在写这个的时候我的博客已经弄好了,详细可以参加本站~~
之前我参见了mg12's Blog - Just Another的两篇博文:

http://www.neoease.com/wordpress-menubar/
http://www.neoease.com/wordpress-menubar-2

了解wp_list_pages函数的一个参数depth: 列表深度(层的最大数量),
当然我的主题里面,栏目调用的是这个函数这个函数  wp_list_categories
那么我就这样在header.php里面调用
<?php wp_list_categories('orderby=name&show_count=0&title_li=&depth=2'); ?>
之后就是一些关于css的问题,弄成各个浏览器都支持的
我的css如下
/* Top Menu */
div.wrapper { margin: 0; width: 100%;display: block;background-color: #000; height: 35px;z-index: 333;}
#menu { margin:0; padding:0;height:35px;}
#menu .menunav{position:relative;z-index:300;}
#menu .menunav li{padding:0;position:relative;z-index:1;height:35px;float:left;position:relative;width:auto;background-color:#000; color:#ccc; border-right:1px #333 dotted;display:inline-block;line-height:35px;}
#menu .menunav li a{color:#ccc !important;text-decoration:none;display:block;padding:0 20px; cursor:pointer;}
#menu .menunav li a:hover{background-color:#222;color:#FFF !important;text-decoration:none;display:block; cursor:pointer;}
#menu .menunav li:hover{text-decoration:none;background-color:#222;color:#FFF !important; cursor:pointer;display:block;}
#menu .menunav li.over ul{display:block;overflow:hidden; margin:0px;width:100px;}
#menu .menunav li.over ul li{display:block;overflow:hidden;margin:0px;padding:0px;float: none;width:100px;list-style: none;background: none;}
#menu .menunav ul{position:absolute;top:35px;display:none;padding:0px;margin:0px;z-index:300;background-color:#222;color:#FFF !important;width:100px;}

看上去貌似乱七八糟的,事实也是如此,我在加载首页的时候很慢,能力有限,目前只能做到这个样子,来实现WordPress的 二级导航菜单

这个是调用栏目,那么单页面的调用也是如此,depth=2,然后修改CSS
各位童鞋,wp继续把
如有好的方法不防留言~~~

— 于 共写了1567个字
— 文内使用到的标签:
本作品采用知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可。

发表评论

电子邮件地址不会被公开。 必填项已用*标注