wordpress - 如何自定义 wp_nav_menu

Question

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

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

Answer 1

选项在 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... */
}

另一个更简单的选项只需要任何代码检查器和一些 css 的基本知识。Wordpress 生成的 ID 和类就足够了。

Answer 2

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

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