WordPressのスマホ対応プラグイン、WPTouchで日本語のメニューが崩れる場合の簡単な対応をご紹介します。WPTouchは、WordPressで作成されたWebサービスやブログを簡単にスマートフォン対応にしてくれる便利で大人気なプラグインです。
WPTouchは無料版と有料版のProがありますが、無料版でも十分に高性能なので使っているサイトは多いですね。
WPTouchで日本語のメニューが崩れる症状とは
WPTouchで日本語を選択すると、各メニュー、表示などが日本語になりますが、ヘッダー右上部分にある英語版では「Menu」と記載されている部分が、「メニュー」と日本語になるのは良いのですが、縦書になってしまいます。。。
正確には、横幅が足りずに、縦に文字が並んでしまうということでしょうか。。
WPTouchで日本語のメニューが崩れる場合の対処法
WPTouchのファイルの中身を書き換えます。ということは、WPTouchのアップデートすると消えてしまうので、わかる人は小テーマを作成して修正したほうが良いかもです。
また、WPTouchのファイルを直接いじるのでバックアップをとっておくのと、あくまでも自己責任でお願いします。
と、前置きが長くなりましたが、方法を。
/wp-content/plugins/wptouch/themes/default/ にあるheader.phpを変更します。121行目あたりに、以下のコードがあります。
[php]
<div id="headerbar-menu">
<a href="javascript:return false;"><?php _e( ‘Menu’, ‘wptouch’ ); ?></a>
</div>
[/php]
これを、
[php]
<div id="headerbar-menu">
<a href="javascript:return false;">Menu</a>
</div>
[/php]
と書き換えてあげればOKです。<?php _e( ‘Menu’, ‘wptouch’ ); ?>をMenuに変えてあげるだけですね。
WPTouchはアップデートが多く、アップデートごとに確認が必要になりますが、日本語メニューで使いたい！けど、メニューが崩れるのは嫌！という人向けです。