Blogブログ

wptouchでスマホ用画面のメニューを簡単に修正する方法

2013/03/14

スマートフォン用の画面出力に便利なwptouch。使っている方も多いと思います。

デフォルトだと、スマホで見た時に右上の「メニュー」の所が崩れているのが気になります。

これを今回は修正したいと思います。これは簡単に修正できます。

下記画像がその部分です。

wptouchスマホ画面

サーバー内のファイルを修正

wp-content/plugins/wptouch/themes/default/内のheader.phpをエディターで開きます。

121行目付近に

<div id="headerbar-menu">
    <a href="javascript:return false;"><?php _e( 'Menu', 'wptouch' ); ?></a>
</div>

という場所がありますので、

これを

<div id="headerbar-menu">
    <a href="javascript:return false;">Menu</a>
</div>

と変更してアップすれば終わりです。

※エディターの検索機能で「headerbar-menu」とか検索すればすぐ該当の箇所が見つかります。

※プラグインの更新をするとおそらく元に戻りますのでご注意ください。

↓変更後の写真がコチラ

wptouchスマホ画面

他社より断然お得で使いやすい
”アクトのWEB制作”
ACTホームページ相談窓口 / 
システム開発相談窓口