自定义主题中的wordpress页面选项卡？

Question

我正在学习wordpress，并且已经使用基本的HTML / CSS创建了一个简单的模板。

到目前为止，一切正常，但是我无法弄清楚如何在header.php上显示从wp管理面板创建的页面选项卡。

选项卡的当前静态HTML代码如下所示：

<div id="profile-navigation" class="navbar profile-navigation">
  <div class="navbar-inner">
    <div class="container">
      <ul class="nav">
       <li><a href="">Home</a></li>
       <li><a href="">Blog/a></li>
      </ul>
    </div>
  </div>
</div>

我尝试这样做：

<ul class="nav">
  <li>
    <a href="">
     <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    </a>
  </li>
</ul>

但这并没有实际意义，即使它成功显示了“页面”选项卡，它们也没有样式，而且在我的页面上各处都无处不在！

有人可以在这个问题上给我一些建议吗？

提前致谢

Answer 1

尝试此操作并下次-阅读文档

$defaults = array(
    'menu_class'      => 'nav',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
);

wp_nav_menu( $defaults );

Answer 2

编辑：首先，您的<ul>标记不匹配。 您需要使用</ul>关闭它们，而不仅仅是<ul> 。

使用wp_nav_menu动态显示您已放入WordPress菜单中的导航页面。 文档可以在这里找到 。

基本上，您需要为菜单添加以下代码，而不是在HTML中键入代码：

$defaults = array(
    'menu_class'      => 'nav',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
);

wp_nav_menu( $defaults );

然后可以通过在CSS中定位.nav类或其任何子级来设置菜单样式。 例如，如果您想为链接设置样式，则应该能够：

.nav li a{
color: red;
}