html

Question

我正在尝试将此HTML菜单转换为wordpress中的导航。

<nav id="nav-main">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Graphic Design</a></li>
    <li><a href="#">Web Design</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

<div id="nav-trigger">
  <span>Menu <img src="img/menu_icon.png" width="40" height="40" alt=""/></span>
</div>
<nav id="nav-mobile"></nav>

我将不胜感激。

Answer 1

在主题functions.php文件中，将其添加到下面：

function register_header_menu() {
  register_nav_menu('header-menu',__( 'Header Menu' ));
}
add_action( 'init', 'register_header_menu' );

然后将这部分粘贴到您希望导航位于模板中的位置下方，我想是header.php

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

在WordPess中添加链接并使用CSS样式。