Question

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

到目前为止一切正常但我无法弄清楚如何在我的header.php上显示我从wp管理面板创建的Page的标签。

标签的当前静态HTML代码如下所示：

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

我尝试这样做：

{{1}}

但这并没有多大意义，即使它成功显示了“页面”标签，它们也没有风格，而且它们遍布我页面上的所有位置！

有人可以就此问题向我提出一些建议吗？

提前致谢

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菜单中的导航页面。 Documentation can be found here

基本上，您需要为菜单添加此代码，而不是在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;
}

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

2 个答案: