如何正确构建wordpress菜单?

时间:2012-09-12 06:41:14

标签: php wordpress

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

I have template which look like:

And I am tring to convert it to theme wordpress

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

  1. 在页面中我设置了5个名称页面(关于,联系人,主页,服务,旅游)。

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

  3. 在模板中代码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' ) );
        }
    ****************
    

2 个答案:

答案 0 :(得分:2)

@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次相同的问题。

http://www.centerwow.com/roei/22072012/orenramhab/wp-content/themes/yossi_theme/style.css

中的/ yossi_theme / SRC路径相同

希望这可以帮助您解决问题。

答案 1 :(得分:0)

将导航代码转换为:

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