wordpress进阶教程(二十二):初步了解菜单

这篇教程放到本站的进阶教程中来,其实有点不合适,但是我发现很多人对菜单使用不熟,更别提应用了。所以我觉得在写菜单的高级应用之前有必要重新写个基础篇。

wordpress 3.5版本中,取消了友情链接项,可以用菜单代替,菜单的作用不容小觑,应用很广。菜单的初级应用在初级教程“制作头部文件-header.php”中有提到:http://www.ashuwp.com/courses/simple/92.html

一、注册菜单(新的一年,作者测试使用wordpress 3.5.1版本Twenty Twelve主题)。

默认主题中支持一个菜单(点击图片查看大图):

wordpress菜单使用教程

菜单注册使用的是register_nav_menus函数或者register_nav_menu函数,他们的区别就是注册一个或者多个。我们在Twenty Twelve主题的functions.php文件找到register_nav_menu函数,可以看到它注册了一个Primary Menu菜单,也就是后台我们看到的主题位置中的主菜单。我们将代码改掉:

  1. // This theme uses wp_nav_menu() in one location.   
  2. //register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) );   
  3. register_nav_menus(   
  4.     array(   
  5.         'primary' => '主导航菜单',//保留默认的那二个primary   
  6.         'footer-menu' => '底部菜单',   
  7.         'link-menu' => '友情链接菜单',   
  8.     )   
  9. );  

我们保留了默认的主菜单,我们在到后台查看(点击图片查看大图):wordpress菜单教程

 

二、菜单输出

在上面代码中,我们将菜单个数增加了两个,现在我们需要在主题的底部输出友情链接。什么都不管,先将下面的代码加在主题的footer.php的<footer>标签中。

  1. <?php   
  2. $args = array(   
  3.     'echo' => true,   
  4.     'container' => true,   
  5.     'sort_column' => 'menu_order',   
  6.     'menu_id'=>'nav_id',   
  7.     'depth'=>1,   
  8.     'menu_class'=>'nav',   
  9.     'theme_location' => 'link-menu',  //注意这里link-menu就是我们注册的那个友情链接菜单   
  10. );   
  11. wp_nav_menu($args); //函数的其他参数请参考官网   
  12. ?>  

然后在后台设置:

wordpress菜单教程

然后查看页面效果:

wordpress菜单教程

已有3条评论

  1. 小菜
    小菜 : 回复

    你好,请问怎么对导航中的li添加css呢?

  2. laoan
    laoan : 回复

    谢谢阿树。

    对wp不是很明白,如果建一个带数据查询的网站是不是这样的思路:

    手动或PHP建立新表,给表添加数据,页面提交查询表单,页面显示查询结果,是这样吗?有没有插件?

    • 阿树工作室
      阿树工作室 回复laoan: 回复

      我觉得如果你要弄个数据查询的网站,不如换一个程序,不过你的思路好像正确。我没接触过这种插件

发表评论