monotone blog

人生は楽しむためにある!素敵な人生は幸せな毎日から♪ 田舎で気ままに暮らすフリーランスSEの日常を綴るブログ。

IT・コンピュータ WordPress 独り言

WPtouchの日本語表示で「メニュー」ボタンの崩れを修正

投稿日:

昨日書いたように、スマートフォン向けの表示のために、このブログにWPtouchというプラグインを導入しました。

今のところ、ほとんど基本設定のままで使っているのですが、とりあえず、プラグインの言語設定を日本語に変更してみました。これで、自動的に各部の表記が日本語になります。

ただ、上のキャプチャイメージのように、ヘッダー部の「メニュー」ボタンの表示が崩れて(縦書きに?)しまいました。

さすがにこのままでは格好悪いので、早速修正を・・・修正方法は、プラグインフォルダの中の「/wptouch/themes/default/style.css」を開き、「#headerbar-menu」に横幅の指定を追加してやるだけです。(私は、80pxに設定しました。)

#headerbar-menu {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 80px;
}

というわけで、修正したCSSファイルをサーバーにアップロードして作業完了。

これで、日本語に設定してもヘッダー部の「メニュー」ボタンが綺麗に表示されるようになりました。







-IT・コンピュータ, WordPress, 独り言

執筆者:


  1. […] ルシートに横幅の指定をするという、こちらのサイトを参考にさせていただきました。 「WPtouchの日本語表示で「メニュー」ボタンの崩れを修正 | monotone blog」 ありがとうございました。 […]

関連記事

Apple純正「iPhone 6 レザーケース」購入!

先日、iPhone 6を購入してから、ケースをどうしようかと悩んでたんですが、結局、アップル純正のレーザーケースを購入しました。 Appleがデザインしたこのケースは、上質な手触りのプレミアムレザー製 …

初収穫

先日植えたラディッシュが大きくなってきたので、少し収穫してみました。 種から植えたんですが、さすがに成長が早いですね。 同時に植えたミニトマトも、かなり成長しています。 ただ、摘心とか芽欠きとか一切や …

丹波篠山〜三田 グルメポタリング♪

今日は早朝から、自転車仲間のKUOTA号Oさんと二人で、丹波篠山〜三田ポタリングに出かけてきました。 本来であれば、今日は「里山サイクリング in 綾部」というサイクルイベントに参加する予定でしたが、 …

no image

クルサード 今季での引退を発表

噂されていた通り、クルサードが地元シルバーストーンで今季限りでの引退を正式に発表しました。 Formula 1 関連ニュース: クルサード 今シーズン限りでの引退を表明 – GPUpdat …

no image

ヨドバシ・ドット・コムでポイントが使える

ようやく、ヨドバシ・ドット・コムでポイントが使えるようになりました。 これまではポイントは実店舗でしか利用できなかったので、かなりの頻度でヨドバシ・ドット・コムを利用する私としては不便に思っていたので …