Title: グローバルナビのsub-menuにdivタグを入れる方法
Last modified: 2015年3月18日

---

# グローバルナビのsub-menuにdivタグを入れる方法

 *  解決済 [ummo3](https://ja.wordpress.org/support/users/ummo3/)
 * (@ummo3)
 * [11年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%81%aesub-menu%e3%81%abdiv%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e6%96%b9%e6%b3%95/)
 * グローバルナビにメガメニューを設定したいのですが、
    スタイル的に、どうしてもsub-
   menuの上にdivを挿入したいです。 検索してみたのですが方法が分からず、 もしよけ
   ればアドバイスいただけないでしょうか？
 * 理想の形は下記のような形です。
 *     ```
       <nav>
       <ul class="gnav">
       　<li><a href="#">グローバルメニュー</a>
       　<div>
       　　<ul class="sub-menu">
       　　　<li>サブメニュー１</li>
       　　</ul>
       　</div>
       　</li>
       </ul>
       </nav>
       ```
   
 * 現在下記のようになっています。
    <nav id=”nav”> <?php wp_nav_menu( 　array( 　　’
   container’ => ”, 　　’menu_id’ => ‘gnav’, 　　’theme_location’ => ‘global’ 　));?
   > </nav>
 * 最初、’container’ => ‘div’にしてみましたが、
    上（グローバルナビの方）のulしか
   divがつかず 2番目のulにdivを挿入する方法はあるのでしょうか。
 * よろしくお願いします。

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

 *  トピック投稿者 [ummo3](https://ja.wordpress.org/support/users/ummo3/)
 * (@ummo3)
 * [11年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%81%aesub-menu%e3%81%abdiv%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e6%96%b9%e6%b3%95/#post-203145)
 * 申し訳ありません。
    「理想の形は下記のような形です。」の下のコードが うまく表示
   されていなかったので、もう一度記述させていただきます。
 *     ```
       <nav>
       <ul>
       　<li><a href="#">グローバルメニュー</a>
       　<div>
         <ul>
       　　<li>サブメニュー１</li>
         </ul>
       　</div>
       　</li>
       </ul>
       </nav>
       ```
   
 *  [gatespace](https://ja.wordpress.org/support/users/gatespace/)
 * (@gatespace)
 * [11年、 7ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%81%aesub-menu%e3%81%abdiv%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e6%96%b9%e6%b3%95/#post-203146)
 * > 2番目のulにdivを挿入する方法はあるのでしょうか。
 * [http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_nav_menu](http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/wp_nav_menu)
   `
   wp_nav_menu()`利用時に引数のwalkerを設定でいます（デフォルトはなし）
 * テーマの funtions.php にソースコードを加えます。
    詳しくは上記リンク先の「カスタム
   ウォーカー機能を使用する」を参考にしてください。 難しいですが、このやり方覚える
   のが一番です。 例ではサブメニューに相当する2階層目以降の ul に任意のクラス（sub-
   menus）をつけるソースコードですが、ここを工夫知れば div タグで囲めます
 *  トピック投稿者 [ummo3](https://ja.wordpress.org/support/users/ummo3/)
 * (@ummo3)
 * [11年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%81%aesub-menu%e3%81%abdiv%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e6%96%b9%e6%b3%95/#post-203244)
 * 回答ありがとうございます！
    教えていただいた方法で設定しようとしていたのですが、
   なかなかうまくいかず 時間がかかってしまいましたが、なんとか設定することができ
   ました！
 * お礼が遅くなってしまいまして、申し訳ありません。
    本当にありがとうございました！
   行った作業を念のため貼り付けておきます。
 * ーーーーーーーーーーーーーーーーーーー
    （1） \wp-includes\nav-menu-template.
   phpからWalker_Nav_Menuをまるごとコピーして、 funtions.phpにペーストする。
 * （2）
    クラス名をtempとすることにし、コピーしたクラスを class temp extends Walker_Nav_Menu{
   と変更する。
 * （3）
    下記部分ソースに<div>と</div>を追加記述する。 public function start_lvl(&
   $output, $depth = 0, $args = array() ) { 　$indent = str_repeat(“\t”, $depth);
   $output .= “\n$indent<div><ul class=\”sub-menu\”>\n”; } public function end_lvl(&
   $output, $depth = 0, $args = array() ) { 　$indent = str_repeat(“\t”, $depth);
   $output .= “$indent</div>\n”; }
 * （4）
    navメニューに　’walker’=> new tempを追加する。 <nav><?php wp_nav_menu(
   array( 　’container’ => ”, 　’menu_id’ => ‘gnav’, 　’theme_location’=> ‘global’,’
   walker’ => new temp )); ?></nav>

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

 トピック「グローバルナビのsub-menuにdivタグを入れる方法」には新たに返信すること
はできません。

## タグ

 * [sub-menu div メガメニュー](https://ja.wordpress.org/support/topic-tag/sub-menu-div-%e3%83%a1%e3%82%ac%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3件の返信
 * 2人の参加者
 * 最後の返信者: [ummo3](https://ja.wordpress.org/support/users/ummo3/)
 * 最後の活動: [11年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%8a%e3%83%93%e3%81%aesub-menu%e3%81%abdiv%e3%82%bf%e3%82%b0%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e6%96%b9%e6%b3%95/#post-203244)
 * 状態: 解決済

## トピック

### 人気のトピック

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

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

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

### 未解決のトピック

### すべてのトピック