Title: メニューにドロップダウン機能をつけたい
Last modified: 2019年5月11日

---

# メニューにドロップダウン機能をつけたい

 *  [yoshi_pm](https://ja.wordpress.org/support/users/yoshifumiyamane/)
 * (@yoshifumiyamane)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/)
 * グローバルメニューについて質問させていただきます。
 * 「外観>メニュー>メニュー構造」から項目を副項目設定にした場合、
    サイト上では、
   グローバルメニューにカーソルを合わせると、 副項目がドロップダウンで一覧できる
   と思うのですが、 （例えば、メニューに「About Us」という項目があった場合、 カーソル
   を合わせるとメニュー下に「経営理念」「会社概要」など出てくるイメージ） 「外観」
   から設定を行っても一覧表示されませんでした。
 * テーマはオリジナルなので、
    何か必要な設定をしていないのだと思うのですが、 必要
   なPHPコードを書いていないのか何なのか原因がよくわかりません。
 * よろしくお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)

 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236330)
 * こんにちは
 * オリジナルのテーマということですが、現状はどのようなコードでメニューを出力してい
   ますか？
    wp_nav_menu() を使用している場合は、depth パラメータで階層数を指定する
   ことができます。 [https://wpdocs.osdn.jp/テンプレートタグ/wp_nav_menu](https://wpdocs.osdn.jp/テンプレートタグ/wp_nav_menu)
 *  トピック投稿者 [yoshi_pm](https://ja.wordpress.org/support/users/yoshifumiyamane/)
 * (@yoshifumiyamane)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236333)
 * メッセージありがとうございます。
 * コードは下記の通りです。
 * <?php if (has_nav_menu(‘site-menu1’)) : ?>
    <?php wp_nav_menu(array( ‘theme_location’
   => ‘site-menu1’, ‘menu_id’ => ‘site-header-nav1’, ‘menu_class’ => ‘menu site-
   header-nav menu-pc’, ‘container’ => false, ‘link_before’ => ‘<span>’, ‘link_after’
   => ‘</span>’, ‘depth’ => 1, )); ?>
 * 表示したい副項目が2つあるので、depthを2としてみたのですが、副項目が常時表示さ
   れた状態となってしまいます。
    通常は親メニューのみ表示、カーソルを合わせた時のみ
   子メニューが表示をされるようにしたいので、現状は親メニューのみ表示するようdepth
   を1にしてあります。 cssの問題なのかな？とも思っているのですが…。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236334)
 * 下記は、CSS で副項目を非表示（display: none）にして、親項目のマウスホバーで表示
   する場合の例です。
 *     ```
       #site-header-nav1 .children {
       	display: none;
       }
       #site-header-nav1 li:hover .children {
       	display: inline-block;
       }
       ```
   
 * 他にもいろいろな方法があります。また、ナビゲーションメニューは比較的大掛かりな
   CSS やスクリプトになるかと思います。
    ここで全てを手取り足取り説明することはでき
   ませんので、後は既存のテーマなどを参考にしてください。
 *  [ishitaka](https://ja.wordpress.org/support/users/ishitaka/)
 * (@ishitaka)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236335)
 * なお、このフォーラムでコードを貼り付ける場合は、コードを選択し [code] ボタンを
   クリック（逆クォートで囲む）してください。詳細は、下記ページをご覧ください。
   
   [https://wpdocs.osdn.jp/フォーラムへようこそ#.E3.82.B3.E3.83.BC.E3.83.89.E3.81.AE.E6.8A.95.E7.A8.BF](https://wpdocs.osdn.jp/フォーラムへようこそ#.E3.82.B3.E3.83.BC.E3.83.89.E3.81.AE.E6.8A.95.E7.A8.BF)
 *  トピック投稿者 [yoshi_pm](https://ja.wordpress.org/support/users/yoshifumiyamane/)
 * (@yoshifumiyamane)
 * [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236361)
 * 解説いただきありがとうございます。
    編集してみます。

5件の返信を表示中 - 1 - 5件目 (全5件中)

 トピック「メニューにドロップダウン機能をつけたい」には新たに返信することはできま
せん。

## タグ

 * [グローバルメニュー](https://ja.wordpress.org/support/topic-tag/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc/)
 * [ドロップダウン](https://ja.wordpress.org/support/topic-tag/%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3/)
 * [ナビゲーションメニュー](https://ja.wordpress.org/support/topic-tag/%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc/)
 * [メニュー](https://ja.wordpress.org/support/topic-tag/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc/)
 * [副項目](https://ja.wordpress.org/support/topic-tag/%e5%89%af%e9%a0%85%e7%9b%ae/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5件の返信
 * 2人の参加者
 * 最後の返信者: [yoshi_pm](https://ja.wordpress.org/support/users/yoshifumiyamane/)
 * 最後の活動: [7年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ab%e3%83%89%e3%83%ad%e3%83%83%e3%83%97%e3%83%80%e3%82%a6%e3%83%b3%e6%a9%9f%e8%83%bd%e3%82%92%e3%81%a4%e3%81%91%e3%81%9f%e3%81%84/#post-236361)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック