這篇教程放到本站的進階教程中來,其實有點不合適,但是我發現很多人對菜單使用不熟,更別提應用了。所以我覺得在寫菜單的高級應用之前有必要重新寫個基礎篇。

WordPress 3.5 版本中,取消了友情鏈接項,可以用菜單代替,菜單的作用不容小覷,應用很廣。菜單的初級應用在初級教程 「製作頭部文件-header.php」 中有提到:http://www.ashuwp.com/courses/simple/92.html 。

一、註冊菜單 (新的一年,作者測試使用 WordPress 3.5.1 版本 Twenty Twelve 主題) 。

默認主題中支持一個菜單 (點擊圖片查看大圖):

菜單註冊使用的是 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. );  

我們保留了默認的主菜單,我們在到後台查看 (點擊圖片查看大圖):

 

二、菜單輸出

在上面代碼中,我們將菜單個數增加了兩個,現在我們需要在主題的底部輸出友情鏈接。什麼都不管,先將下面的代碼加在主題的 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. ?>  

然後在後台設置:

然後查看頁面效果: