2013年6月17日 11:42 AM  カテゴリー: web制作, WordPress, プラグイン

スマホの表示に対応するために入れたプラグインがこれ。

WPtouch

見た目は良くある感じ。

mob_head

でもなんかメニューが縦になってるなにこれ。どうしてこうなった。

ちょっと嫌なのでまずはレイアウトを直してみる。

まず一番簡単な方法。

CSSを修正する

/wp-content/plugins/wptouch/themes/default/style.css
#headerbar-titleのwidthを85%から70%へ変更。

次に#headerbar-menuの中にwidth: 30%;を追記。

これだけでこうなる↓

after

 

ちなみにプラグイン設定画面の、

プラグイン > インストール済みのプラグイン > WPtouchの編集の中をみてもstyle.cssは見つからない。※見落としてたらごめんなさい。

 

なのでFTPソフトでローカルに落として編集するのがいいと思います。

で編集が完了したらまたアップロードすればOKです。

 

さらに「メニュー」の文字を英語の「menu」にする場合、
/wp-content/plugins/wptouch/themes/default/header.php
の中の、<?php _e('Menu', 'wptouch'); ?>この部分を

Menuに書き換えるだけでOK。

画像を入れたいならここに画像のソースを入れちゃえば画像で表示されるはず。試してないけど。

ABOUT

仕事と子育てを楽しむパパです。 趣味は漫画、映画、海外ドラマ、波乗り、スノボ、カメラ。 最近いけてないけど旅行も大好き。仕事はweb以外にも企業向け技術教育事業、投資、ディレクション、アパレル、写真、店舗プロデュースなどなどなんでもこなします。

Twitter