每个 Wordpress 子菜单都有不同的 ID？答案

【问题标题】：Different IDs For each Wordpress Submenu?每个 Wordpress 子菜单都有不同的 ID？
【发布时间】：2015-04-23 00:04:08
【问题描述】：

有谁知道向每个子菜单 wordpress 生成添加唯一 ID 的方法？截至目前，WP 生成：

<ul class="sub-menu"></ul>

理想情况下，我希望它生成

<ul class="sub-menu" id="radio"></ul>

这样我就可以为通过 css 生成的每个子菜单分配不同的样式。

感谢任何帮助。

【问题讨论】：

【解决方案1】：

这需要修改您的主题文件。您使用的主题将决定您的元素的布局方式。我会考虑只使用nth-of-type css 选择器来设置它们的样式。

ul:nth-of-type(1) { color: blue; }
ul:nth-of-type(2) { color: red; }
ul:nth-of-type(3) { color: green; }
ul:nth-of-type(4) { color: orange; }

您还应该考虑在http://wordpress.stackexchange.com 上提出这个问题，这更适合 WP 主题开发问题。

【讨论】：

【解决方案2】：

当您在 WP-Menu 编辑器（外观 > 菜单）时，您转到位于右上角的“屏幕选项”并单击它，然后选中“CSS 类”选项。

然后你会看到你可以看到一个标记为 CSS Classes 的新字段。在那里你可以为你的菜单添加你的类。

希望这会有所帮助。

【讨论】：

【解决方案3】：

这可能不是最好的方法，但它对我有用..

<script>
$(function(){
    var i =0;
 $('ul.sub-menu').addClass (function(idx) {

     return "item-" + idx;
 });
 });
 </script>

它将类 item-0、item-1 等附加到它找到的每个子菜单。

【讨论】：

【解决方案4】：

在子菜单周围使用 Uniuqe CSS 的最佳方法是创建一个WordPress child theme，使用二十一主题或二十一主题作为基本主题。

每个子主题都将继承 WordPress 团队已经创建的所有神奇代码，以执行您想要的操作。

【讨论】：