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

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. ?>  

然後在後臺設定:

然後檢視頁面效果: