Graphy ハンバーガーメニュー横のテキスト変更について

mtdhiro
(@mtdhiro)

5年、 7ヶ月前

テーマ「Graphy（無料版）」を使用しています。

・Graphy WordPressテーマ
https://themegraphy.com/ja/wordpress-themes/graphy/

モバイル表示した際、ハンバーガーメニューと「メニュー」というテキストが表示されるのですが、この「メニュー」部分を英字の「MENU」に変更したいです。

どのような手順で可能でしょうか？なにとぞご教授くださいませ。

4件の返信を表示中 - 1 - 4件目 (全4件中)

CG
(@du-bist-der-lenz)

5年、 7ヶ月前
ishitaka
(@ishitaka)

5年、 7ヶ月前
こんにちは

いくつかの方法があります。

1. header.php を編集する方法

<button class="menu-toggle"><span class="menu-text"><?php esc_html_e( 'Menu', 'graphy' ); ?></span></button>

↓

<button class="menu-toggle"><span class="menu-text">MENU</span></button>

2. スタイルで変更する方法

テーマの style.css またはカスタマイズの追加 CSS に、
```
.menu-text {
	font-size: 0;
}
.menu-text:after {
    content: "MENU";
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
```
3. 翻訳テキストを変更する方法

テーマの functions.php に、
```
function my_gettext_graphy( $translated, $text, $domain ) {
	if ( $domain === 'graphy' ) {
		$texts = array (
			'Menu' => 'MENU',
		);
		if ( isset( $texts[$text] ) ) {
			$translated = $texts[$text];
		}
	}
	return $translated;
}

add_filter( 'gettext', 'my_gettext_graphy', 10, 3 );
```
- この返信は5年、 7ヶ月前にishitakaが編集しました。
- この返信は5年、 7ヶ月前にishitakaが編集しました。
トピック投稿者 mtdhiro
(@mtdhiro)

5年、 7ヶ月前

ishitaka さま

複数の方法をご教授いただきありがとうございます。無事変更することができました。

ishitaka
(@ishitaka)

5年、 7ヶ月前

解決したようでよかったです。
解決したらトピックのステータスを「解決済み」に変更しておいてくださいね。
https://ja.wordpress.org/support/topic/質問ルール/