第一个+1用于使用blueprint css :)
第二:是的,分隔符只是一种表象,不应该是菜单的一部分(使用人的屏幕阅读器会感到困惑)。因此,这里有一个简单的函数,可以添加分隔符css类或任何其他需要它们的附加类。只需根据您的需要修改这三个变量。
现在,这是一个函数,它可以让您精确定位特定菜单中特定位置的单个导航菜单项。您只需修改前三个变量$menu_location
, $menu_name
, &;$menu_item
满足您的需求。
function wpse15844_nav_top_classes( $classes, $item )
{
// EDIT HERE: This is the nav menu location slug
$menu_location = \'top\';
// EDIT HERE: This is the nav menu name you entered in the admin-UI > Appearance > Menus (Add menu)
$menu_name = \'Topnav\';
// Abort if we\'re not with the named menu
if ( is_nav_menu( $menu_name ) !== true )
return;
if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_location ] ) )
{
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_object( $locations[ $menu_location ] );
$menu_items = wp_get_nav_menu_items( $menu->term_id );
}
// Abort if we\'re not in the specified location
else
return;
// EDIT HERE: Enter the nr. of the menu item. Currently we\'re adding to the last one.
$menu_item = intval( count( $menu_items ) );
if ( $item->menu_order == $menu_item )
{
$classes[] = \'span-10 clearfix\';
}
else
{
$classes[] = \'span-10 clearfix separator\';
}
return $classes;
}
add_filter( \'nav_menu_css_class\', \'wpse15844_nav_top_classes\', 10, 2 );
然后可以根据需要在css文件中设置分隔符的样式。