テーマにカスタムメニューを追加するには、以下の2つが必要。
1. メニュー設定を追加する
2. メニューを表示する
1. メニュー設定を追加する
ダッシュボードのメニューページヘカスタムメニューの設定を追加します。
functions.phpにregister_nav_menus()を記述します。
1つのメニューを追加する
functions.phpに以下のコードを追加すると1つのメニューを追加することができます。
1 2 3 4 |
register_nav_menus(array( 'navbar' => 'ナビゲーションバー' ) ); |
‘ナビゲーションバー’という名前のついたプルダウンメニューが追加され、使用するメニューを選択できるようになります。
ここで選択したメニューは、コードからは’navbar’という名前(ロケーション)で参照します。
複数のメニュー追加する
ページの上部にトップのナビゲーション用メニューを置き、サイドバーにはサブカテゴリー向けのメニューを置くような場合には、複数のメニューを管理する必要があります。
以下のコードでは2つのメニューが追加されます。
1 2 3 4 5 |
register_nav_menus(array( 'navbar' => 'ナビゲーションバー', 'sidebar' => 'サイドバー' ) ); |
ナビゲーションバーとサイドバーの2つのプルダウンメニューが追加され、コードからは、それぞれ’navbar’と’sidebar’で参照します。
2. メニュー表示する
テンプレートファイルで任意の場所にwp_nav_menu()を記述すると、メニューが表示されます。
1 2 3 |
<?php wp_nav_menu(array('theme_location' => 'navbar')); ?> |
‘theme_location’には表示したいメニューのロケーションを指定します。
[…] WordPress:テーマにカスタムメニューを追加する – devlog [naru design] […]