導航菜單是您主題中可定制的菜單。 它們允許用戶在菜單中添加頁面，帖子，類別和URL。 要創建導航菜單，您需要注冊，然后在主題中的適當位置顯示菜單。 ## 注冊菜單 在主題的functions.php中，您需要注冊您的菜單。 這將設置出現在外觀 - >菜單的名稱。 首先，你將使用register_nav_menus()來注冊菜單。 在此示例中，兩個位置添加到“管理位置”選項卡：“標題菜單”和“額外菜單”。 ``` function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ), 'extra-menu' => __( 'Extra Menu' ) ) ); } add_action( 'init', 'register_my_menus' ); ``` ## 顯示菜單 一旦你注冊了菜單，你需要使用wp_nav_menu()來告訴你的主題哪里可以顯示它們。 例如，將以下代碼添加到您的header.php文件中，以顯示上面注冊的標題菜單。 ``` wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ``` >[warning] 注意：參數的完整列表可以在函數引用的wp_nav_menu()頁面中找到 對您想要在主題中顯示的任何其他菜單重復此過程。 或者，您可以添加容器類，允許您使用CSS對菜單進行樣式化。 ``` wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'my_extra_menu_class' ) ); ``` >[warning] 注意：可以在函數引用的wp_nav_menu()頁面中找到CSS類的完整列表。 您可以使用這些來設計菜單。 ## 顯示其他內容 以下是“Twenty Seventeen”頁面社交菜單的簡化版本，它在菜單項標簽文本之前和之后顯示跨度元素。 ``` wp_nav_menu( array( 'menu' => 'primary', 'link_before' => '<span class="screen-reader-text">', 'link_after' => '</span>', ) ); ``` 輸出將顯示為... ``` <div class="menu-social-container"> <ul id="menu-social"> <li id="menu-item-1"> <a href="http://twitter.com/"><span class="screen-reader-text">Twitter</span> </li> </ul> </div> ``` >[warning] 注意：要在每個菜單項的`<li>`和`<a>`元素之間顯示文本，請在參數之前和之后使用。 ## 定義回調 默認情況下，當沒有找到指定的菜單或位置時，WordPress顯示第一個非空菜單，或者當沒有選擇自定義菜單時，WordPress將生成一個頁面菜單。 為了防止這種情況，請使用theme_location和fallback_cb參數。 ``` wp_nav_menu( array( 'menu' => 'primary', // do not fall back to first non-empty menu 'theme_location' => '__no_such_location', // do not fall back to wp_page_menu() 'fallback_cb' => false ) ); ```