如何定制wp_nav_menu

Question

我正在开发一个wordpress主题，我试图在标题下面添加一个顶级菜单。

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

Answer 1

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

<?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部分。从本质上讲，它们用于选择您希望这些自定义类和in在代码中的位置。设置完毕后，打开您的style.css文件并开始有趣的操作。

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

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

另一种更简单的选择，只需要任何code inspector和一些基本的css知识。Wordpress生成的ID和类就足以完成此任务。

Answer 2

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

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