Divandu

Divandu -

WordPress プラグイン-WPtouchの「メニュー」文字崩れを修正

wptouch

 

スマートフォン向けのプラグイン「WPtouch」を導入してまず、気になるのが「メニュー」ボタンの崩れ。

プラグインとしては素晴らしいが、やはり日本語に対応仕切れていないようで修正することに。

まず検索してみたが、スタイルシートを修正する方法と、WPtouchのソースを直接修正する方法、poエディッターで日本語の設定を変更する方法と色々あるが、ソースはアップデートのたびに修正が必要になってくるのでなるべく避けたい。

色々試しみたがうまくいかないので、仕方なくソースを修正しようとお思い探してみると、

/wptouch/themes/default/header.phpにある

<div id="headerbar-menu">

        <a href="javascript:return false;"><?php _e( 'Menu', 'wptouch' ); ?></a>
</div>
これを

<div id="headerbar-menu">

        <a href="javascript:return false;"><?php _e( 'Menu''wptouch' ); ?></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

と適当なスペースを入れたところ綺麗に修正出来たので、スペースを入れるだけならアップデートしても文字の崩れを最小限の修正できると思うので一度ためす価値はあると思います。

(テーマを分けている人も有効です)

Category: NEWS