给这个wordpress博客添加了3级菜单

时间: 2011-08-13 / 分类: 网站制作技术 / 浏览次数: 2,582 views / 0个评论 发表评论

很久前就想添加了的,可是一直没空,另外一方面是本人比较懒

昨天下午这种念头非常强烈,于是上网搜索了一番,找了半天还是没找到合适的

有的只能二级,有的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/

发表评论

你必须 登录后 才能留言!