ヘッダーナビゲーションメニューを変更したい

前提・実現したいこと

WordPressの有料テンプレート(sango)を使ってホームページを作成しています。
ヘッダーのナビゲーションメニューをトップページとそれ以外で変更したいです。
以下のコードのどの部分にどういったコードを記載すると良いか教えていただけないでしょうか。

該当のソースコード

php
1<body <?php body_class(); ?>>
2	<div id="container">
3		<header class="header<?php if(get_option('center_logo_checkbox')) echo ' header--center'; ?>">
4			<?php if(wp_is_mobile() && is_active_sidebar( 'nav_drawer' )): //ナビドロワー ?>
5				<div id="drawer">
6					<input type="checkbox" id="drawer__input" class="drawer--unshown" >
7					<label id="drawer__open" for="drawer__input"><i class="fa fa-bars"></i></label>
8					<label class="drawer--unshown" id="drawer__close-cover" for="drawer__input"></label>
9					<div id="drawer__content">
10						<div class="drawer__title dfont">MENU<label class="close" for="drawer__input"><span></span></label></div>
11						<?php dynamic_sidebar('nav_drawer'); ?>
12					</div>
13				</div>
14			<?php endif; //END ナビドロワー ?>
15			<div id="inner-header" class="wrap cf">
16				<?php //ロゴまわり
17					$title_tag = (is_home() || is_front_page()) ? 'h1' : 'p'; //トップページのみタイトルをh1に
18				 ?>
19					<<?php echo $title_tag;?> id="logo" class="h1 dfont">
20						<a href="<?php echo home_url(); ?>"><?php $logo = esc_url(get_option('logo_image_upload'));
21							if($logo){ ?><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?>"><?php } if(!get_option('onlylogo_checkbox')) bloginfo('name'); ?></a>
22					</<?php echo $title_tag;?>>
23				<?php //END ロゴまわり
24					//PC用ヘッダーナビ
25					if(has_nav_menu('desktop-nav')) {
26						echo '<nav class="desktop-nav clearfix">';
27						wp_nav_menu(array(
28				         'container' => false,
29				         'theme_location' => 'desktop-nav',
30  			             'depth' => 2,
31  			             'fallback_cb' => ''
32						));
33						echo '</nav>';
34					  } //END PC用ヘッダーナビ ?>
35			</div>
36			<?php //モバイル用ナビ
37			  if(wp_is_mobile() && has_nav_menu('mobile-nav')) {
38			  	echo '<nav class="mobile-nav">';
39				wp_nav_menu(array(
40		         'container' => false,
41		         'theme_location' => 'mobile-nav',
42	             'depth' => 1,
43	             'fallback_cb' => ''
44	             ));
45				echo '</nav>';
46		} //END モバイル用ナビ ?>
47		</header>

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答3件

自己解決

条件分岐を試してみたのですが、うまくいかなかったため、header.phpの他に、header-index.phpのファイルを設定し、トップページでheader-index.phpを読み込む形で、対応することにしました。
ご回答いただいた皆様ありがとうございました。

投稿2018/10/20 06:53

smiyuki

総合スコア12

カスタムメニューを新しく作成（PC用とモバイル用２つ）。

php
1if(is_home() || is_front_page()):
2
3//PC用ヘッダーナビから//END モバイル用ナビまで
4
5else:
6
7//PC用ヘッダーナビ２から//END モバイル用ナビ２まで
8
9endif;

これでトップとそうでないときの表示に分けることが出来ます。

投稿2018/10/19 08:44

yamana

総合スコア118

smiyuki

2018/10/20 06:47

ご回答ありがとうございました。

行動規範の内容に同意します

トップページは、どこのページを指しているのか？
トップページとそれ以外でヘッダをどのように変えるのかわからないので、条件判断の方法だけ記載します。

<header class="header<?php if(get_option('center_logo_checkbox')) echo ' header--center'; ?>">
<?php if ( is_front_page() && is_home() ): ?>
    // デフォルトホームページの場合のヘッダ
<?php elseif ( is_front_page() ): ?>
    // 固定ペーシを使ったホームページの場合のヘッダ
<?php elseif ( is_home() ): ?>
    // ブログページの場合のヘッダ
<?php else: ?>
    // それ以外の場合のヘッダ
<?php endif; ?>
</header>

という感じで分けることになります。

詳しくは、https://wpdocs.osdn.jp/条件分岐タグの「ブログページ」参照。

投稿2018/10/19 08:35