2-04 スマホ表示でハンバーガーメニューの文字をカスタマイズする

「Twenty Seventeen」デフォルトのスマホ表示では、ハンバーガーメニューはトグルボタン「三」の右隣に「メニュー」とカタカナ表記されます。このカタカナ文字を消す。または英文字にするカスタマイズです。

テンプレートパーツ「navigation」をコピー

レンタルサーバーにアクセスし、FTPまたはWebFTP(ファイルマネージャ)から、親テーマのテンプレートパーツ「navigation」をフォルダごと子テーマにコピーします。

自分のドメイン名>wp-content>theres>twentyseventeen>template-partsの中にあるnavigationフォルダをコピー(またはダウンロード)します。
子テーマの同じ場所(twentyseventeen-child>template-parts)にnavigationフォルダをペースト(またはアップロード)します。
フォルダごとコピーしたので、中にはnavigation-top.phpというファイルがあるはずです。

navigation-top.phpを編集

navigation-top.phpを開き、_e( ‘Menu‘, ‘twentyseventeen’ ); の部分を変更します。

Menu=メニューですが、MENU=MENU、menu=menuと英文表記になります。
他に、Navi=Navi、Contents=Contentsと文字列のまま表記できますので、いろいろ試してみてください。

_e( ‘ ‘, ‘twentyseventeen’ ); 文字なし「三」ボタンのみ

_e( ‘MENU’, ‘twentyseventeen‘ ); すべて大文字にすると英文字表記

_e( ‘Navi’, ‘twentyseventeen’ ); 文字をNaviに変更

下の例は英文字表記です。

<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
		<?php
		echo twentyseventeen_get_svg( array( 'icon' => 'bars' ) );
		echo twentyseventeen_get_svg( array( 'icon' => 'close' ) );
		_e( 'MENU', 'twentyseventeen' );
		?>
	</button>

以上です。

Other Contents
1-01 小テーマ の作成
1-02 基本構造とデフォルトのカスタマイズについて
1-03 ホームページ設定やテーマオプションが表示されない
2-01 フッター に自分のコピーライトを表記する
2-02 アドセンス審査コードの貼り付け
2-03 スマホ表示でハンバーガーメニューを上部固定
2-04 スマホ表示でハンバーガーメニューの文字を消す
2-05 フロントページのセクション数を変更
2-06 特定のブロックにだけ背景色をつける
2-07 「モデレートしてください」メールを止める
2-08 見出しのデザイン変更する
2-09 パンくずリストを設置
2-10 アイコンフォントを利用する
2-11 任意の画像にのみ枠線をつける