如何在wordpress网站中添加菜单

时间:2013-10-07 13:29:18

标签: php css wordpress menu

如何添加wordpress菜单?我尝试了一切,但似乎不太正常。 最初我正在寻找一种方式太添加dropwon菜单。例如 我使用的是版本3.6.1

Dopdown菜单

        <div class="nav-wrap">
<ul class="nav">
                <li class="on">
      <a href='index.html' ><?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?></a>
        </li>
          <li>
            <a href='#'>About us</a>
                  <ul class="subnav">
                    <li><a href='companyhistory.html'>Company History</a></li>
                    <li><a href='visionstatement.html'>Vision Statement </a></li>
                    <li><a href='missionstatement.html'>Mission Statement </a></li>
                    <li><a href='values.html'>Values </a></li>
                    <li><a href='ourpromisetoyou.html'>Our promise to you</a></li>
                  </ul>
          </li></ul>
          </div>

但发现这不适用于WordPress。所以我尝试了内置菜单中的WordPress,但这仍然不起作用。

Function.php

 <?php 
    function twentyten_page_menu_args( $args ) {
        $args['show_home'] = true;
        return $args;
    }
    add_filter( 'wp_page_menu_args', 'twentyten_page_menu_args' );

        // This theme uses wp_nav_menu() in one location.
        register_nav_menus( array(
            'primary' => __( 'Primary Navigation', 'twentyten' ),
        ) );

    ?>

的header.php

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

4 个答案:

答案 0 :(得分:1)

在我看来,在Wordpress中添加导航的最佳方法是对其进行硬编码。将您的代码放入header.php文件中。我在下面的代码中改变了什么:

所有wordpress页面都是.php而不是.html(除非你使用的是一些静态页面,但这通常不是我的方法。)

我放弃了“on”课程。如果您正在尝试突出显示当前页面的文本,这不会起作用,因为每个页面都会调用“header.php”,而无论在哪个页面上,“on”类都将应用于您的文本主页。

我摆脱了用于显示wordpress菜单的wordpress代码。不要尝试使用包含硬编码菜单。只需手动为这样的小网站做。

我为您的博客添加了一个链接。这是您的所有动态页面的来源。 (您可以进入管理控制台中的“阅读”设置,并设置主页(静态页面)和博客页面。))此外,您可以使用“博客”进行任何操作,而不仅仅是博客。它可以是您的动态照片库,支持论坛等。或者,如果您不需要博客,则根本不使用它。

请务必将“mysite.com”替换为您的实际地址。使用这个硬编码菜单,您应该使用完整的地址,而不是相对地址,特别是如果您将使用博客。

           <div class="nav-wrap">
    <ul class="nav">
                    <li><a href='http://www.mysite.com/index.php' >Home</a></li>
              <li>
                <a href='#'>About us</a>
                      <ul class="subnav">
                        <li><a href='http://www.mysite.com/companyhistory.php'>Company History</a></li>
                        <li><a href='http://www.mysite.com/visionstatement.php'>Vision Statement </a></li>
                        <li><a href='http://www.mysite.com/missionstatement.php'>Mission Statement </a></li>
                        <li><a href='http://www.mysite.com/values.html'>Values </a></li>
                        <li><a href='http://www.mysite.com/ourpromisetoyou.php'>Our promise to you</a></li>
                      </ul>
              </li>

</ul>
<li><a href='http://www.mysite.com/blog.php' >Our Blog</a></li>
              </div>

这应该为您提供一个可以控制的功能导航菜单。至于制作一个下拉菜单,你只需要应用正确的CSS。这个问题的一个好地方就是我几天前发布到SO问题的答案。体面的教程,相当好的标记代码:

https://stackoverflow.com/questions/18924800/create-menu-in-wordpress-parent-and-child-items-but-not-pages/18925070#18925070

答案 1 :(得分:1)

步骤1:子主题功能文件中的Craete功能函数
步骤2:在创建函数后添加操作admin_menu钩子

第3步:完成这些步骤之后,现在您可以在函数内输入内容了。我希望现在您已经成功创建了管理菜单。 :)

<div class="a">

<p>lorem ipsum text</p>

</div>

<div class="b">

<p>lorem ipsum text</p>

</div>

<div class="c">

<p>lorem ipsum text</p>

</div>

答案 2 :(得分:0)

这是最简单的方法。 <?php wp_nav_menu(); ?> 这是文档。 http://codex.wordpress.org/Function_Reference/wp_nav_menu

答案 3 :(得分:0)

请尝试这一点,只需将这行代码放在functions.php

  register_nav_menus( array(  
  'primary' => __( 'Primary Navigation', 'Your-theme-name' ),  
  'secondary' => __('Secondary Navigation', 'Your-theme-name')  
  ) ); 

将此行代码放在您应该出现此菜单的主题中,或header.php

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

现在,您可以在外观下看到Menus选项。您可以选择从帖子,类别,标签等添加菜单。