如何设置特定导航菜单项的样式?

时间:2012-09-17 作者:Hemant Patel

我有一个网站,现在有一个新的注册表,我想通过闪烁菜单项来突出显示它。您可以查看该站点here.

我想眨一下“研讨会注册”项目。我正在使用普立万主题。

我该怎么做?

1 个回复
SO网友:fuxia

要处理样式表中的特定菜单项,可以使用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:

enter image description here

结束

相关推荐

Wp_tag_cloud中每个标签的单独css类

帮助,这可能是控制wp\\u tag\\u云样式的最佳方式。。。我在想办法size based classes 标记云小部件中的我的标记。这里的问题是,此解决方案仅在硬编码到例如模板文件时有效,而不适用于标记云小部件。我还找到了要添加的代码段slug classes 而且它们在开箱即用的情况下工作得很好。我只需将它们放在函数中。php文件。我试图让解决方案1以与解决方案2相同的方式工作,但使用基于大小的类名,而不是slug名称,甚至两者都使用。然而,我想不出来,需要帮助。提前谢谢。