如何将样式添加到wordpress默认菜单

Question

我刚刚将我的主题安装到新安装的wordpress网站上。我没有从appearence＆gt;菜单创建任何菜单，所以默认wordpress显示“home”*“sample page”到标题作为默认菜单（我不知道正确的名称，可能是回调菜单？）

问题是他们没有从我的样式表中获取任何样式，我知道如果我创建自定义菜单，他们将从css获取样式。但我想要这个默认的wordpress菜单来获取css。所以首次安装时主题看起来并不奇怪。怎么做？

Answer 1

WP菜单的默认样式如下所示：

<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
    <div class="nav-menu">
        <ul>
            <li class="page_item page-item-2">
                <a href="">Sample Page</a>
            </li>
        </ul>
    </div>
</nav>

您应该能够使用style.css文件中的相应类来设置页面上菜单元素的样式。

Answer 2

在外观中按名称“主要”创建菜单 - ＆gt;菜单，并在其下分配菜单，你可以参考 http://codex.wordpress.org/Function_Reference/wp_nav_menu 或者在header.php中使用它：

<?php wp_nav_menu( array( 'theme_location' => 'primary'))?>

Answer 3

首先，在主题中创建新的菜单区域。 为此，一旦（如果你没有设置它）允许主题中的菜单具有此功能：

add_theme_support( 'nav-menus' );

在此之后，使用此功能添加主题的新菜单：

register_nav_menu('primary', 'Our first menu');

最后添加header.php以打印自定义菜单：

if ( has_nav_menu( 'primary' ) ) { $menu = wp_nav_menu( array( 'container' => '', 'echo' => '0', 'theme_location' => 'primary' ) ); $menuOutput = preg_replace( array( '#^<ul[^>]*>#', '#</ul>$#' ), '', $menu ); echo $menuOutput; } else { }

此输出与：

相同

<li class="menu-item some-class">
  <a>Sample page</a>
</li>

使用 还有CSS吧！

ul.your-class{}
ul.your-class li{list-style:square}
ul.your-class li a{ color:red }

Answer 4

通常使用函数header.php在wp_nav_menu()中调用默认菜单。您可以将CSS类添加为wp_nav_menu()的参数。如果您不知道，请参阅：http://codex.wordpress.org/Function_Reference/wp_nav_menu。