在 Wordpress 数组中添加菜单项答案

【问题标题】：Adding menu item in Wordpress Array在 Wordpress 数组中添加菜单项
【发布时间】：2014-12-09 16:42:07
【问题描述】：

我们正在使用 Wordpress 将菜单项添加到我们的导航栏。显然，这使更改变得简单，但它阻止了某些自定义。具体来说，我们想更改导航栏中单个菜单项的颜色。有没有办法将菜单项“添加”到数组的末尾，使其始终位于最后一个位置并且导航栏中的颜色不同？我意识到我们需要在 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); ?>

【问题讨论】：

标签： html css wordpress

【解决方案1】：

无需使用 Uber Menu，它的重量很重，而且很难正常工作。

只需在管理区域的菜单面板中打开屏幕选项并选中 CSS 类复选框。这让您可以为每个菜单项添加一个 CSS 类。然后您需要做的就是确保您想要的菜单项位于菜单设置页面列表的底部。

【讨论】：

这很有帮助。谢谢

【解决方案2】：

这可以通过一个名为 UberMenu http://wpmegamenu.com/ 的插件来完成

此页面描述了如何：http://www.snopes.com/food/prepare/produce.asp

【讨论】：

【解决方案3】：

每个添加的列表项都有一个 ID，例如：menu-item-331"

在您的站点中，右键单击您的菜单项并检查元素，然后您将看到代码。

CSS 可以这样完成：

#menu-item-ID a {
    color: red;
}

如果您只想要菜单中的最后一个元素，请这样做：

#menuID li:last-of-type a {
    color: red;
}

希望我没听错。

【讨论】：

感谢您的回复。很有帮助。