html <nav id 转换为 wordpress

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 设置样式。

html <nav id 转换为 wordpress

html <nav id convert to wordpress

html

wordpress

nav