给这个wordpress博客添加了3级菜单
很久前就想添加了的,可是一直没空,另外一方面是本人比较懒
昨天下午这种念头非常强烈,于是上网搜索了一番,找了半天还是没找到合适的
有的只能二级,有的IE6下有错误,无法正常使用(这个浪费了我好多时间)
不过功夫不负有心人,不停更换中文英文关键词搜索了N次,终于给我找到一个稍微好点的,当然,能够支持IE6的
附上装菜单的办法:
先到模板文件夹里(例如我现在用的就应该为\wp-content\themes\WPINK)修改functions.php
添加菜单的注册
if ( function_exists(‘register_nav_menus’) )
{
register_nav_menus(
array(
‘topmenu’ => ‘topmenu’,
‘bottommenu’ => ‘bottommenu’
)
);
}
这里我注册了两个 一个叫topmenu另外一个叫bottommenu
然后找到页头模板header.php把原来的菜单删除,添加自己的进去
<?php echo preg_replace(‘@\<li([^>]*)>\<a([^>]*)>(.*?)\<\/a>@i’, ‘<li$1><a$2><span>$3</span></a>’, wp_nav_menu(array(‘theme_location’? =>’topmenu’ , ‘container’ => ”, ‘items_wrap’ => ‘%3$s’, ‘menu_class’=>’cat’,’echo’ => false ,))?? );?>
这里进行了一定的处理,实际上直接用
<?php wp_nav_menu(array(‘theme_location’? =>’topmenu’ , ‘container’ => ”, ‘items_wrap’ => ‘%3$s’, ‘menu_class’=>’cat’,’echo’ => ture ,))?>
就可以了
然后就是弄下拉菜单的JS和CSS,为了方便,我直接放到头部文件中了
这个下拉菜单的下载地址
http://css-tricks.com/2282-simple-jquery-dropdowns/