Movabletype 3.31 の編集画面の文字サイズ

質問

MovableType 3.2 だったのですが、3.31 にバージョンアップしたら管理画面の文字サイズが小さくなってしまい、非常に目が疲れます。

ブラウザの文字サイズを「大」にしても、大きくなる文字と小さいままの文字がありました。ブラウザを取り替えるのは、ちょっと困ります。

管理画面の文字サイズはどこかで設定できるのでしょうか？テンプレートみたいなものがあるのでしょうか？よろしくお願いします。

回答No.3

Muller3 · ベストアンサー

何度もすみません。
ブラウザはIEを使っておられますか？
IEはpx指定してある場合、メニューの「文字サイズ」で大きさを変更することができないようです。
しかも、私が試していた3.2の管理画面のCSSのフォント指定は、おそらくすべて％の相対指定になっていました（大きくなるはずです^^;）
…3.3になって変わってしまったんでしょうか。

CSSの、ユニバーサルセレクタ（bodyの上にある「*」）内にfontを入れてみてもだめ…でしょうね。

あとは、CSSファイルを、文字列の検索と置換ができるテキストエディタまたはhtmlエディタ（Winならフリーでいいのがいっぱい出ているはず…）で、たとえば「font-size: 10px;」で検索し、「font-size: 12px;」で「全てを置換」すれば、一瞬で変更可能です。

IEは文字がはまりきらない場合、ボックスの幅を勝手に拡張してしまうバグがあるので、それを避けるために、敢えてpx指定する場合もあるそーです。今の場合がこれに当たるのかどうかはわかりませんが…。

お礼

何度もありがとうございます。
色々と教えていただき感謝いたします。

MT-3.2 の環境がありましたので、styles.css を見てみましたら、フォントサイズの指定は % で相対指定になっていました。3.3 になって、px 指定に変わってしまったみたいです。

文字サイズを小さくするのは勝手ですが、調整できる余地をユーザーに残しておいて欲しいものです。

回答No.2

Muller3

追記です※蛇足でしたらすみません。

文字を大きくする方法：
※以下のCSSは3.2のものですが

body {
margin: 0 0 10px 0;
padding: 0;
background: white url(images/topnav-bg.gif) repeat-x scroll top left;
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
_font-family: "MS PGothic", "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
font-size: small;
_font-size: 85%;
color: #333;
}

この中の、
font-size: small;
を、
font-size: medium;
もっと大きくしたければ
font-size: large;
という風に変えれば、全体的に大きくなると思います。

お礼

ご回答ありがとうございます。

さっそく styles.css に手を入れてみましたが、body のフォントサイズを変更しても、ごく一部の文字しか大きさが変わりませんでした。

ファイル内を見てみましたら、多くの箇所で、font-sie: 10px; とか、font-size: 11px; という具合にピクセル値で直接指定されていました。

ちなみに
$ grep font-size styles.css | wc
121 252 2819

121箇所もあるようで、いちいち直すのは気が遠くなりそうです。

シックスアパートの人たちはそんなに目が良いんでしょうか？（皮肉）

回答No.1

Muller3

管理画面のソースを見ると、mt-static/styles.css（mt-staticフォルダの中のstyles.cssファイル）を参照していることがわかります。
もしCSSがおわかりになるのでしたら、このファイルに手を加えてみてはいかがでしょうか。