如何自定义wp_nav_menu

时间:2012-10-08 10:42:29

标签: wordpress styles themes customization

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

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

2 个答案:

答案 0 :(得分:3)

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 ); ?>

$ item $wrap部分解释了%1 $ s和类似内容。基本上,它们用于在代码中选择您想要这些自定义类和ID的位置。 一旦完成设置,打开你的style.css文件并开始玩乐。

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

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

另一个更简单的选项,只需要code inspector和css的一些基本知识。 Wordpress生成的ID和类就足以实现这一目的。

答案 1 :(得分:0)

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

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