一昔前は、横800ピクセル、縦600ピクセルのPC画面も多かったことから、それにあわせてWebサイトを作ることが一般的でした。
現時点でもそのサイズに合わせて横幅を決めているWebサイトがほとんどかもしれませんが、シェアのほとんどを占める画面横サイズは1024ピクセル（縦は768ピクセル）で、加えて、横長サイズのモニターも増えていることから、横800ピクセルで作ってしまうと、すごく狭く感じます。

Movable Typeもそれに合った感じで作られていて、私のデスクトップは横1600ピクセル、縦1200ピクセルなので、「きゅ〜っ」って感じですね。画面がもったいないと思ってしまいます。

本当はAreaEditorを使って、入力欄をクリックするとエディターが立ち上がるようにするのが一番便利なのですが、メインで使用しているブラウザがFirefoxなので、使用できません。

そこで、自分用に管理画面を広げることにしました。Movable Typeは管理画面のレイアウトもCSSで制御されているので、すごく簡単にできます。

変更したのは /mt/mt-statics/style.css だけ。
好みもあるかと思いますが、全体的な幅を1000ピクセル、テキストエリア等の入力欄を830ピクセルで調整。更新漏れもあるかもしれませんが、だいたい7箇所ほどの数値を変更したら、ほぼ全部の画面で見やすい横ノビサイズになりました。
ただ、エントリーの一覧画面で、タイトルが全角半角問わず11文字しか表示できないってのは直せないので、そのあたりの使いにくさは変わってないのですが。（方法はあるのでしょうか？！）

本当は元がリキッドレイアウトになっているのが一番なのですね（笑）。

Comment Form