[WordPress]版型開發:使用內建選單

[WordPress]版型開發:使用內建選單

WordPress 後台 外觀/選單 內,有提供 選單 的工具,可以讓我們直接快速更改選單的 名稱、連結 等等項目,提供了不少的便利性,與減少了許多後續維護的成本,下面來介紹如何使用吧:


註冊選單:

這邊以 header menu 為例:

function.php:

/**
 * Register menu
 *
 */
function register_my_menus() {
  register_nav_menus(
    array(
      'header-menu' => __( 'Header Menu' ),
    )
  );
}
add_action( 'init', 'register_my_menus' );

使用 register_nav_menus 的 function , 在 init action 內註冊 header menu 的選單

官方文件:Navigation Menus


前端顯示註冊選單:

接著只要在想要顯示的 template.php 檔案,使用 wp_nav_menu() 的方法,在前端顯示就可以了

<?php wp_nav_menu( array( 'theme_location' => 'header-menu','container_class' => 'menu-header' ) ); ?>

官方文件:wp_nav_menu()

接下來就可以使用 外觀/選單 來設定選單裡的項目了

Facebook 功能: