「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 任意の画像にのみ枠線をつける