要处理样式表中的特定菜单项,可以使用id
属性(此处:li#menu-item-230
) 或者添加CSS类。我喜欢第二种选择,它更灵活。
主题的示例代码functions.php
:
add_filter( \'nav_menu_css_class\', \'wpse_65375_class_by_title\', 10, 2 );
/**
* Make the title a CSS class.
*
* @wp-hook nav_menu_css_class
* @param array $classes
* @param object $item
* @return array
*/
function wpse_65375_class_by_title( $classes, $item )
{
$new_class = mb_strtolower( $item->title );
$new_class = str_replace( \' \', \'-\', $new_class );
$new_class = sanitize_html_class( $new_class );
$classes[] = $new_class;
return $classes;
}
标题为“注册研讨会”的菜单项现在具有CSS类
registration-for-seminar
. 现在,您可以在样式表中使其闪烁、加粗或其他任何形式:
.registration-for-seminar
{
text-decoration: blink;
}
blink
在Webkit浏览器中不起作用。对于JavaScript解决方案,请询问堆栈溢出。
添加CSS类的另一种方法是中菜单项的本机字段wp-admin/nav-menus.php
: