php - 如何正确构建wordpress菜单水平？

Question

我需要有关菜单问题的帮助，我不知道如何从这里继续。这是我构建的第一个主题。

我有看起来像的模板：

我正在尝试将其转换为主题 wordpress

我无法正确构建菜单希望得到帮助谢谢。

1. 在页面中，我设置了 5 个名称页面（关于、联系人、主页、服务、旅游）。

2. 在菜单中，我将名称设置为 manu 为“top_header”，然后选择所有页面（关于、联系人、主页、服务、旅游），然后按下按钮添加到菜单。

在模板中的代码lookink如下：

****************
 <nav>
    <div id="menu-icon">Menu <span></span></div>
    <ul class="sf-menu">
    <li class="current"><a href="index.html">home</a>
    </li>
    <li><a href="index-1.html">tours</a>
        <ul>
        <li><a href="#">Myrtle Beach</a>
        </li>
        <li><a href="#">Aruba</a>
        <ul>
           <li><a href="#">Caribbean</a>
           </li>
           <li><a href="#">Cabo San Lucas</a>
           </li>
           <li class="last-item"><a href="#">Multi-Locations</a>
           </li>
        </ul>
    </li>
    <li><a href="#">Florida</a>
    </li>
    <li><a href="#">Hawaii</a>
    </li>
    <li class="last-item"><a href="#">Cancun</a>
    </li>
    </ul>
  </li>
  <li><a href="index-2.html">hotels</a>
  </li>
  <li><a href="index-3.html">services</a>
  </li>
  <li class="last-item"><a href="index-4.html">contacts</a>
  </li>
  </ul>
  </nav>
****************

.

in my theme the code look as below:
****************
    header.php
        <nav id="menu-icon" ><span></span></div>
     <ul class="sf-menu">
           <li class="current"><a href="index.html"><?php wp_nav_menu( array( 'theme_location' => 'top_header' ) ); ?></a>
           </li>
         </ul>                      
 </nav>



function.php
    add_action( 'init', 'register_my_menu' );

    function register_my_menu() {
    register_nav_menu( 'primary-menu', __( 'Primary Menu', 'top_header' ) );
    }
****************

Answer 1

@yossi

您的 HTML 代码和应用 CSS 中存在嵌套列表问题。

此外，由于 JS 源路径中 yossi_theme 之后不需要的 DOT (.)，您的许多 JS 没有在主题中绑定，您可以在下面查看这个...

http://www.centerwow.com/roei/22072012/orenramhab/wp-content/themes/yossi_theme./js/superfish.js

此外，您还会发现在其他 JS SRC 路径中出现了几乎 4 到 5 次相同的问题。

而相同的 /yossi_theme/ SRC 路径在http://www.centerwow.com/roei/22072012/orenramhab/wp-content/themes/yossi_theme/style.css中是正确的

希望这将帮助您解决您的问题。

Answer 2

转换为导航代码：

<nav>
<?php wp_nav_menu( array( 'theme_location' => 'primary-menu' ) ); ?>
</nav>