如何自定义wp_nav_menu

Question

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

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

Answer 1

这些选项在法典中描述。您可以简单地复制/粘贴示例代码并添加自己的类和 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 ); ?>

%1$s 和类似的内容在 $items_wrap 部分中进行了说明。从本质上讲，它们用于选择这些自定义类和 ID 在代码中的位置。一切就绪后，打开您的风格.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