WordPressでテーマのメニューを複数設定する。

もうだいぶ前ですが・・・。WordPress3からテーマにメニューを設定することが出来るようになったので、テーマに設定すると好きな場所にダッシュボードから操作可能なリンクナビゲーションを作るメモ。

下記のように設定しダッシュボードの「外観」→「メニュー」から設定します。

毎度のようにfunctions.phpに追加

 
add_theme_support('nav-menus');
if ( function_exists('register_nav_menu') ){
register_nav_menu('primary','Primary'); //一つ目のメニュー
register_nav_menu('secondary','Secondary'); //2つ目のメニュー
}
 

テンプレートのループ外に配置。

 
//プライマリーメニュー
<?php wp_nav_menu( array(
'container' => false, //ul をラップするdiv無し
'menu_class' => 'navi-link', //ulのクラス
'menu_id' => 'primary-menu', //ulのID
'theme_location' => 'primary' //functions.phpで設定したメニュー名
) ); ?>
 
 
//セカンダリーメニュー
<?php wp_nav_menu( array(
'container' => false,
'menu_class' => 'navi-link',
'menu_id' => 'primary-menu',
'theme_location' => 'primary'
) ); ?>
 
  • このエントリーをはてなブックマークに追加

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

fifteen − four =