如何自定义 wp_nav_menu [关闭]答案

【问题标题】：How To Customise wp_nav_menu [closed]如何自定义 wp_nav_menu [关闭]
【发布时间】：2012-10-08 10:42:28
【问题描述】：

我正在开发一个 wordpress 主题，我正在尝试在标题下方添加一个顶部菜单。

我正在使用 wp_nav_menu 可以正确显示页面，但我不知道如何设置它的样式。

【问题讨论】：

标签： wordpress styles themes customization

【解决方案1】：

options are described in the codex。您可以简单地复制/粘贴示例代码并添加您自己的类和 ID，如下所示：

<?php $defaults = array( 
 'container_class' => 'my-container-class', 
 'container_id'    => 'my-container-id',
 'menu_class'      => 'my-menu', 
 'menu_id'         => 'my-menu-id',
 'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
); ?>

<?php wp_nav_menu( $defaults ); ?>

$items_wrap 部分解释了 %1$s 和类似内容。本质上，它们用于选择您希望这些自定义类和 ID 在代码中的位置。一切就绪后，打开你的 style.css 文件并开始有趣的事情。

.my-container-class {
 /* set your rules here */
}

#my-container-id {
 /* and so on... */
}

另一个更简单的选择，只需要任何code inspector 和一些CSS 的基本知识。 Wordpress 生成的 ID 和类就足够了。

【讨论】：

在每个 li 元素中添加 'myColour' 应该很简单，但这并不容易理解，抱歉。我了解 %1$s，但我可以在哪里添加我自己的自定义类名。
这个答案已经有好几年了，所以我无法确认它是否仍然适用于当前版本的 Wordpress。示例中数组的第一个值具有自定义类。

【解决方案2】：

您可以在此处找到每个单独元素的 css 类，以便您可以在 CSS 文件中设置样式：

http://codex.wordpress.org/Function_Reference/wp_nav_menu#Menu_Item_CSS_Classes

【讨论】：

是的，谢谢 - 从我最近看到的那里，您可以包装整个菜单，但不能包装单个项目，您需要一个自定义 walker 类来做到这一点。