言語：英語•メニュー日本語Slovenčina•中文（身体）•（あなたの言語を追加）
ナビゲーションメニューは、バージョン3.0で導入されたテーマ機能です。 WordPressは、テーマにカスタマイズされたナビゲーションメニューを導入するためのメカニズムを使用して簡単に含まれています。 メニューのサポートをテーマに組み込むには、テーマファイルにいくつかのコードセグメントを追加する必要があります。
関数リファレンス
| レジスターナビゲーションメニュー | ナビゲーションメニューを表示 |
|---|
メニューを登録最初に、テーマの機能で。phpでは、メニューの名前を登録する関数を記述する必要があります。 （これは、外観に表示される方法です->メニュー管理画面。）例として、このメニューは”テーマの場所”ボックスに”ヘッダーメニュー”として表示されます。
function register_my_menu() { register_nav_menu('header-menu',__( 'Header Menu' ));}add_action( 'init', 'register_my_menu' );
これにより、ヘッダーメニューと余分なメニューの二つのメニューオプションが表示されます-
function register_my_menus() { register_nav_menus( array( 'header-menu' => __( 'Header Menu' ), 'extra-menu' => __( 'Extra Menu' ) ) );}add_action( 'init', 'register_my_menus' );
テーマにメニューを表示
最後の準備ステップは、メニューを表示する場所をテーマに伝えることです。 これは、関連するテーマファイルで行います。 たとえば、ヘッダーメニューをheaderにしたい場合があります。php。 だから、テーマエディタでそのファイルを開き、あなたのメニューを配置する場所を決定します。 ここで使用するコードはwp_nav_menuで、メニューの場所ごとに1回必要になります。 したがって、このコードを追加します-
<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>
確認する必要があるのは、theme_locationが関数でメニューに指定した名前を指すことだけです。上記のphpコード。 （ハイフンのないヘッダーメニューではなく、ここで使用されているheader-menuであることに注意してください。 Header-menuはコードが理解できる名前で、Header Menuは管理ページに表示される人間が読めるバージョンです。)
コードを完成させるには、余分なメニューを他の場所に置くことができます。 たとえば、ページの1つにメニューが必要で、特定のクラスのDIVを含むDIVで少しジャズアップしたい場合もあります-
wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'my_extra_menu_class' ) );
上記をページテン
メニューパネル
それはすべての背景の仕事です。 終了するには、サイト管理者のAppearance->メニューパネルにアクセスするだけです。 今、代わりにあなたのテーマがネイティブメニューをサポートしていないことを示唆するいくつかのテキストを見ての、あなたはいくつかのテーマの場所
この管理パネルのGUIメニュー作成者を使用して、メニューを一緒に配置できるようになりました。 それぞれに名前を付け、プルダウンオプションを使用してメニューを場所に割り当てます。
(新しいメニューを追加すると、新しいナビゲーションの選択肢が表示されます。p>
外部リソース
- さようなら、頭痛。 こんにちは、メニュー! -利用可能なオプションの周りの詳細を持っているジャスティンタドロックによる合理的なチュートリアル
- WordPressのナビゲーションメニュージェネレータ
関連
ナビゲーションメニュー
- register_nav_menu()
- register_nav_menu()
- unregister_nav_menu()
- has_nav_menu()
- wp_Nav_Menu()
- wp_get_Nav_Menu_items()
テーマのサポート:add_theme_support(),remove_theme_support(),current_theme_supports()
テーマの機能: サイドバー、メニュー、ポストフォーマット、タイトルタグ、カスタム背景、カスタムヘッダー、カスタムロゴ、ポストサムネイル、自動フィードリンク、html5、エディタスタイル、content_width