菜单中的Wordpress自定义链接无法正常工作

时间:2012-10-16 15:54:44

标签: php wordpress

我使用空白主题模板来创建wordpress主题,并通过将以下代码添加到header.php来启用菜单:

<body <?php body_class(); ?>>
    <div id="navbar"></div>

    <div id="wrapper" class="clear">

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

        </nav>

我把它添加到functions.php:

if (function_exists('register_nav_menus')) {
    register_nav_menus(
        array(
            'main_nav' => 'Main Navigation Menu'
            )
        );
};

当我向页面添加链接时,菜单显示并正常工作,但是当我添加自定义链接以说明标题为Google时,导航栏中没有显示任何内容的http://www.google.com。当我查看源时,根本没有填充自定义链接。

testing with google.com

<nav>                  
       <div class="menu">
          <ul>
              <li class="page_item page-item-9"><a href="http://localhost/wordpress/anatomy/">Anatomy</a></li>
              <li class="page_item page-item-11"><a href="http://localhost/wordpress/history/">History</a></li>
              <li class="page_item page-item-7"><a href="http://localhost/wordpress/home/">Home</a></li>
          </ul>
       </div>
</nav>

导航的CSS很简单:

    nav {
    padding:0;
    margin:0;
    position:absolute;
    width: 900px;
} 
nav ul li
    {list-style: none;
    font-family: 'Numans', sans-serif;
    font-size: 15px;
    color: #ffffff;
    text-align:left;
    text-transform: uppercase;
    padding: 0;
    margin: 0 30px;
    display: inline;
    position: relative;
    top:-32px;
}  
nav ul li a {
    text-decoration: none;
    color: #ffffff;
}
nav ul li a:visited 
    {color: #ffffff;
}
nav ul li a:hover
    {color: #cccccc;
}
nav ul li a:active 
    {color: #ffffff;
}

我是php和wordpress主题的新手,我在网上找不到同样的问题。

1 个答案:

答案 0 :(得分:4)

问题是您的theme_location与您在注册​​菜单时指定的名称不匹配。

当您注册菜单时,您将其称为main_nav。由于你打电话给它,为了显示该菜单,你需要改变对菜单的调用以引用main_nav,如下所示:

wp_nav_menu( array('theme_location' => 'main_nav' ) );