WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマPHOTEK:ホームボタンを非表示にする方法

Q.家のマークを非表示にしたい

ホームボタンはいつでもグローバルナビからTOPページに遷移させる為のボタンとしてありますが、ロゴからもTOPページに戻る事ができるため不要と考える方もいらっしゃいます。そこでホームボタンを非表示にする方法を紹介致します。


Before


After

A.下記のphpファイルの該当箇所を編集します

今回は、PHOTEKの下記ファイルを編集します。

編集するファイル:header.php
編集する箇所:

<a href="' . home_url() . '"><span class="glyphicon glyphicon-home"></span></a>

を削除してください。

<div class="row photek-sub-head">
	<div class="col-xs-12 col-sm-8 col-sm-offset-2">
		<?php wp_nav_menu(
			array(
					'theme_location' => 'primary',
					'menu_class' => 'nav nav-justified',
					'fallback_cb' => '',
					'menu_id' => 'main-menu',
					'items_wrap' => '<ul id="%1$s" class="%2$s"><li id="menu-toggler" class="menu-item visible-xs"><a href="#" onclick="if(document.getElementById(\'main-menu\').style.height != \'auto\') { document.getElementById(\'main-menu\').style.height=\'auto\'; document.getElementById(\'main-menu\').style.overflow=\'visible\'; } else { document.getElementById(\'main-menu\').style.height=\'50px\'; document.getElementById(\'main-menu\').style.overflow=\'hidden\'; } "><span class="glyphicon glyphicon-menu-hamburger"></span></a></li><li class="menu-item"><a href="' . home_url() . '"><span class="glyphicon glyphicon-home"></span></a></li>%3$s</ul>',
					'walker' => new wp_bootstrap_navwalker()
				)
			); ?>
		</div>
	</div>

↓ 

	<div class="row photek-sub-head">
		<div class="col-xs-12 col-sm-8 col-sm-offset-2">
			<?php wp_nav_menu(
				array(
					'theme_location' => 'primary',
					'menu_class' => 'nav nav-justified',
					'fallback_cb' => '',
					'menu_id' => 'main-menu',
					'items_wrap' => '<ul id="%1$s" class="%2$s"><li id="menu-toggler" class="menu-item visible-xs"><a href="#" onclick="if(document.getElementById(\'main-menu\').style.height != \'auto\') { document.getElementById(\'main-menu\').style.height=\'auto\'; document.getElementById(\'main-menu\').style.overflow=\'visible\'; } else { document.getElementById(\'main-menu\').style.height=\'50px\'; document.getElementById(\'main-menu\').style.overflow=\'hidden\'; } "><span class="glyphicon glyphicon-menu-hamburger"></span></li>
</a></li><li class="menu-item">%3$s</ul>',
					'walker' => new wp_bootstrap_navwalker()
				)
			); ?>
		</div>
	</div>

また、ホームのリンクを変えたいという場合には、上記で削除した箇所を下記のように編集いただくとリンク先の変更ができます。

<a href="' . home_url() . '"><span class="glyphicon glyphicon-home"></span></a>

<a href="http://●●●"><span class="glyphicon glyphicon-home"></span></a>
The following two tabs change content below.

Jon

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。