Primero +1 para usar blueprint css :)
Segundo: Sí, los separadores son solo de presentación y no deberían formar parte del menú (el lector de pantalla que usa a la gente se confundiría). Así que aquí tienes una función simple para agregar separator-css-classes o cualquier otra clase adicional donde la necesites. Solo modifica los tres vars a tus necesidades.
Y ahora aquí está la función que le permite apuntar exactamente a un solo elemento del menú de navegación en una ubicación específica dentro de un menú específico. Solo tienes que modificar los tres primeros vars $menu_location
, $menu_name
, & $menu_item
a sus necesidades.
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 );
Luego puede aplicar un estilo a su separador según lo necesite desde su archivo css.