這篇教程放到本站的進階教程中來,其實有點不合適,但是我發現很多人對菜單使用不熟,更別提應用了。所以我覺得在寫菜單的高級應用之前有必要重新寫個基礎篇。
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 菜單,也就是後台我們看到的主題位置中的主菜單。我們將代碼改掉:
- // This theme uses wp_nav_menu() in one location.
- //register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) );
- register_nav_menus(
- array(
- 'primary' => '主導航菜單',//保留默認的那二個 primary
- 'footer-menu' => '底部菜單',
- 'link-menu' => '友情鏈接菜單',
- )
- );
我們保留了默認的主菜單,我們在到後台查看 (點擊圖片查看大圖):

二、菜單輸出
在上面代碼中,我們將菜單個數增加了兩個,現在我們需要在主題的底部輸出友情鏈接。什麼都不管,先將下面的代碼加在主題的 footer.php 的<footer> 標籤中。
- <?php
- $args = array(
- 'echo' => true,
- 'container' => true,
- 'sort_column' => 'menu_order',
- 'menu_id'=>'nav_id',
- 'depth'=>1,
- 'menu_class'=>'nav',
- 'theme_location' => 'link-menu', //注意這裏 link-menu 就是我們註冊的那個友情鏈接菜單
- );
- wp_nav_menu($args); //函數的其他參數請參考官網
- ?>
然後在後台設置:

然後查看頁面效果:
