WordPress個別サポート

Twenty Twelveのスマホメニューは「メニュー」と表示されるシンプルなボタンで次のようなイメージです。

スマホメニュー(Twenty Twelve)

スマホメニュー(Twenty Twelve)

メニューの文字を「メニューを開く」や「メニューを閉じる」に変更する場合は、ヘッダーテンプレート(header.php)を修正する方法もありますが、閉じるときの「メニューを閉じる」の対応も必要になりそうなので工夫が必要です。

たとえば、次のようなCSSを子テーマのstyle.cssなどに入力すれば、「メニューを開く」「メニューを閉じる」のように変更することができます。

/* メニューを開くとき */
.menu-toggle:before {
    font-size:12px;
    content: 'メニューを開く';
}

/* メニューを閉じるとき */
.menu-toggle.toggled-on:before {
    font-size:12px;
    content: 'メニューを閉じる';
}

/* 「メニュー」を消す */
.menu-toggle {
    font-size:0;
}

メニューを開くときは「メニューを開く」と表示されます。

「メニューを開く」

「メニューを開く」

開いているときは「メニューを閉じる」と表示されます。

「メニューを閉じる」

「メニューを閉じる」

「メニューを開く」や「メニューを閉じる」は好きな文字にも変更できます。ご自由にカスタマイズしてください。

この記事をSNSで共有する
スポンサーリンク
WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズがうまくいかないときは
お急ぎのときはWordPressメールサポートで対応します。ご活用ください。
こんなときはご相談ください(相談・見積もり無料)
  • サイトのデザインをカスタマイズしたい
  • CSS・PHPのカスタマイズがうまくいかない
  • 引っ越し(サーバー移転)したい
  • サイトをSSL対応(https://)したい
WordPress個別サポートの連絡先

WordPress個別サポートへの問い合わせWordPress個別サポートの申し込み

関連記事

スポンサーリンク