php - WordPress 导航 CSS

Question

我正在将我的 HTML/CSS 网站迁移到 WordPress(创建主题)。我正在使用下面显示的代码将 wordpress“页面”转换为导航 li 链接。

代码有效，但 Word press 导航样式与 HTML 站点略有不同。

代码在这两种情况下应该工作相同，但我怀疑 WP 没有应用 id 或 class

谁能帮我理解为什么这些代码片段会给出不同的样式结果(相同的 css 表用于 wordpress 和非 wordpress 网站)

WP 导航代码(在 header.php 中找到)

    <nav>
      <ul id="navigation" class="slimmenu"> 
        <?php wp_nav_menu(); ?>  
      </ul>
    </nav>  

HTML 站点导航代码

<nav>
  <ul id="navigation" class="slimmenu"> 
    <li><a href="bike-shed.php">Home</a></li>
    <li><a href="mountain-bikes.php">Bikes</a></li>
    <li><a href="bicycle-parts.php">Parts</a></li>
    <li><a href="charity-bikeevents.php">Events</a></li>
    <li><a href="contact-bikeshed.php">Contacts</a></li>
  </ul>
</nav>

非常感谢，

Answer 1

你不应该在 <ul> 中使用 wp_nav_menu()元素。

此函数创建包含包装器 (div) 和它自己的 HTML <ul>元素。所以您的 HTML 将无效并且您的 CSS 不太可能工作。

只需使用:

<nav>
    <?php wp_nav_menu( array( 'menu_id' => 'navigation', 'menu_class' => 'slimmenu') ); ?>  
</nav>  

如果您的 CSS 选择器不是特别具体，它们可能仍适用于 WordPress 生成的 HTML。