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」 ありがとうございました。 […]

関連記事

no image

とり翔

今日は、友人家族と一緒に「石焼 とり翔」で晩御飯を食べてきました。 店に入って、一番奥の座敷に通されたのですが、なんと、そこで別の友人一家と会いました。 いやぁ、ビックリです(^^; で、今日も鶏の刺 …

Apple MagSafe 電源アダプタ(MacBook用 60W)

先日注文していた「アップル MagSafe 電源アダプタ(60W)」が届きました。 MacBook本体に付属してきた電源アダプタは、仕事用デスクの奥に線を通しているので、外すのが面倒で、これまでは外出 …

no image

Googleリーダーの代替サービス

先日、「Googleリーダー」が7月1日でサービスを終了するという発表がありました。 私は、かなり昔からのヘビーユーザーなので、困ったことになったなぁと思いながら代替サービスを検討しています。 Goo …

no image

KYOSHO ミニッツカップ 神戸大会

今日、神戸ハーバーランドでKYOSHOミニッツカップの神戸大会が開催されました。 今年の春頃は出場する気満々だったのですが、結局エントリーせずに今日を迎えてしまいました(^^; 最近、全然ミニッツをさ …

no image

レミーのおいしいレストラン

amazonで予約していた「レミーのおいしいレストラン」のDVDが先日届いたので、早速観てみました。 ピクサー作品ということでとても楽しみにしていたのですが、正直なところイマイチな感じでした。 (あく …