如何样式化导航菜单第一个和最后一个菜单

2012/08/01

之前接手一个项目,客户的要求是最后一个联系按钮必须是加红的,我的解决方案是通过手动添加类的方式进行控制。今天看来,这个方式不是最优的,客户体验很不好。不过我今天找到了一个更好的解决方案。你只需在wordpress后台添加菜单,把你要突出的菜单放在最后或第一个就可以了,然后CSS一下,效果就出来了(这和普通的添加菜单没有两样)。方法就是用到我们强大的函数:

function wpb_first_and_last_menu_class($items) {
 $items[1]->classes[] = 'first';
 $items[count($items)]->classes[] = 'last';
 return $items;
}
add_filter('wp_nav_menu_objects', 'wpb_first_and_last_menu_class');

first和last就是类名,在css文件里定义就是了。简单吧,happy吧!

发表评论

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