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

関連記事

似顔絵

昨年、似顔絵データを作成(専門業者に依頼)して、名刺に載せたりSNSのアイコンとして使用してきたのですが、今回あらためて別の業者に依頼してみました。 左が前回の似顔絵で、右が今回納品された似顔絵です。 …

no image

初詣

今年も生田神社に初詣に行ってきました。 昨年もそうでしたが、交通規制の為に周辺道路がかなり渋滞します。 今年はたまたま丁度良いタイミングで近くのコインパーキングが空いたので、そこに停めることが出来たの …

スノーピーク「チタンシングルマグ 220」他を購入!

山ランチの友として、スノーピークの「チタンシングルマグ 300 フォールディングハンドル」というマグカップを愛用しているのですが、新たに「チタンシングルマグ 220」を購入しました。 同じシリーズのマ …

no image

AdobeがMacromediaを買収

企業買収といえば、本日フジテレビとライブドアの業務提携に関する基本合意の発表・記者会見がありましたが、個人的にそれ以上に興味深い発表がありました。 タイトルの通り、AdobeがMacromediaを3 …

no image

吉野家 牛丼祭

今日、久しぶりに吉野家で牛丼を食べました。 今月1日から5日連続で牛丼祭というキャンペーンを開催し、全国の店舗で牛丼を販売しているようです。 もともと食べに行く気は全く無かったんですが、ここ数日で何人 …