我们正在使用Wordpress将菜单项添加到导航栏。 Cleary这使得更改变得简单,但它会阻止某些自定义。具体来说,我们想要更改导航栏中单个菜单项的颜色。有没有办法将菜单项“添加”到数组的末尾,因此它始终位于最后一个位置,并且在导航栏中是不同的颜色?我意识到我们需要在CSS中创建一个样式来改变最后一个项目的颜色。
例如,当前导航栏:
主页关于我们产品/服务行业链接“联系我们”
我们希望在菜单栏中将“联系我们”设为不同的颜色。
当前代码:
<?php
$menu_header_top = array (
'theme_location' => 'nav-header-top',
'container' => 'div',
'container_id' => 'lightupnav',
'depth' => 2
);
?>
<?php wp_nav_menu($menu_header_top); ?>
答案 0 :(得分:1)
无需使用优步菜单,重量轻,操作正常。
只需在管理区域的菜单面板中打开屏幕选项,然后选中CSS类复选框。这个让你为每个菜单项添加一个CSS类。然后,您需要做的就是确保最后所需的菜单项位于菜单设置页面上列表的底部。
答案 1 :(得分:0)
这可以通过名为UberMenu http://wpmegamenu.com/
的插件来完成答案 2 :(得分:0)
每个添加的列表项都有一个ID,例如:menu-item-331“
在您的网站上,在菜单项上右键并检查元素,然后您就可以看到代码了。
然后可以像这样完成CSS:
#menu-item-ID a {
color: red;
}
如果您只想要菜单中的最后一个元素,请执行以下操作:
#menuID li:last-of-type a {
color: red;
}
希望我的问题是对的。