WordPressのメニューを動的に表示する方法を学んでいるのですが、どうしてもドロワーメニューとヘッダーメニューが表示されない原因がわからないので質問させていただきます。
function.phpにregister_nav_menusを書きこみ、header.phpにwp_nav_menuを書き込むと表示されると認識していたのですがまちがっているのでしょうか。なぜ表示されないのか原因を教えてください。
追伸
すでに「管理画面>外観>メニュー」で登録したメニューロケーション(ヘッダーメニュー、ドロワーメニュー)にチェックをつけてメニューを保存を押しています
↓functiion.php
php
1function my_menu_init() 2{ 3register_nav_menus( 4array( 5'global' => 'ヘッダーメニュー', 6'drawer' => 'ドロワーメニュー', 7) 8); 9} 10add_action('init', 'my_menu_init');
↓header.php
php
1 <!-- header --> 2 <header id="header"> 3 <div class="inner"> 4 5 <?php if (is_home() || is_front_page() ) : //トップページではロゴをh1に、それ以外のページではdivに。 ?> 6<h1 class="header-logo"><a href="<?php echo esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a></h1><!-- /header-logo --> 7<?php else : ?> 8<div class="header-logo"><a href="<?php echo esc_url(home_url('/')); ?>"><?php bloginfo('name'); ?></a></div><!-- /header-logo --> 9<?php endif; ?> 10<div class="header-sub"><?php bloginfo('description'); //ブログのdescriptionを表示 ?></div><!-- /header-sub --> 11 <!-- drawer --> 12 <div class="drawer"> 13 <div class="drawer-icon"> 14 <span class="drawer-open"><i class="fas fa-bars"></i></span><!-- /drawer-open --> 15 <span class="drawer-close"><i class="fas fa-times"></i></span><!-- drawer-close --> 16 </div><!-- /drawer-icon --> 17 18 19<!-- drawer-content --> 20<div class="drawer-content"> 21<?php 22//.drawer-navを置き換えて、スマホ用メニューを動的に表示する 23wp_nav_menu( 24array( 25'depth' => 1, 26'theme_location' => 'drawer', //ドロワーメニューをここに表示すると指定 27'container' => 'nav', 28'container_class' => 'drawer-nav', 29'menu_class' => 'drawer-list', 30) 31); 32?> 33</div><!-- /drawer-content --> 34 35 </div><!-- /drawer --> 36 37 </div><!-- /inner --> 38 </header><!-- /header --> 39 40 41<!-- header-nav --> 42<nav class="header-nav"> 43<div class="inner"> 44<?php 45wp_nav_menu( 46//.header-listを置き換えて、PC用メニューを動的に表示する 47array( 48'depth' => 1, 49'theme_location' => 'global', //グローバルメニューをここに表示すると指定 50'container' => 'false', 51'menu_class' => 'header-list', 52) 53); 54?> 55</div><!-- /inner --> 56</nav><!-- header-nav --> 57
あなたの回答
tips
プレビュー