MT5.1ベータ　ちょっと触ってみたよ

Tweet
2011年2月17日 17:10
MovableType

はじまり

MT5.1ベータ1が出たので、さっそくインストール。

ダウンロードはこちら（MovableType News 2011年2月15日）から。

今回のアップデートで大きく訴えているのは、ユーザーフレンドリー（死語か）なUIだそう。
＃ユーザーフレンドリーという言葉は使用していません。私の思い込みです。

確かに、次のところが変わってる。

ブログ投稿画面のパーツ（メインエリアにあるものだけだけど）がドラッグ＆ドロップできたり（下図）とか

テンプレートモジュールのインクルード関係がわかるようにアイコンが表示されたり（下図）とか

そしたら、もう１つ見つけた（下図）。

カスタムフィールドの一覧にある「ブログ」という目印（アイコンじゃないんですよね、なんて呼ぶのかな）

表示オプションには、Scopeと書いてあるのだけど、この概念、未知です。

だって「ブログ」以外になっているの見たことないし。

さらに、入力必須フィールドの時は、「必須」っていう目印が付くんですが、グレー地に白文字で

わかりにくい・・・

並び替えが使いたい！

あと、やっと付いたか！という機能がカテゴリ＆フォルダの並び替えです。

ドラッグ＆ドロップで、順番から親子関係まで変更が可能です。

すごい！

ただし・・・なぜ、編集リンクでカテゴリの編集画面に行かないのかが、理解できず…...

あと……仮の画像だと思うのですが、ものすごく気になったので、ベータの間だけでもカテゴリ名の前にある三という画像を変えておこうと思い画像を変更しました（下図）。

で、同じドラッグするならすべて見た目が同じであるべきと思い、ブログ記事の編集画面にもドラッグできる要素にも無理やり付けました。（下図）

変更方法

直接ファイルを編集するというあまりオススメできない方法ですが、ベータ版は期間限定動作なので、ソースを編集しました。

イメージファイルは19x16pxのPNGファイル「sort_handle.png」を「インストールディレクトリ/mt-static/images」の下に置きます。これだけで、カテゴリーやフォルダの画面で、ドラッグ用の三という画像は変わります。

CSSファイルを編集して、ブログ記事の編集画面のドラッグ可能な要素の背景も調整します。

CSSファイルは「インストールディレクトリ/CSS/main.css」というファイルです。壊したくないので、オリジナルはコピーし残して置きます。

編集は、秀丸やDreamweaverなどで開いて、次の内容に変更しました。

main.css の76行目（といっても、CSSファイルが目で追えないくらい改行がなく見づらいので、検索するしかないです）
.sort-enabled .field-header {
    -moz-border-radius: 5px 5px 0 0;
    background-image: url("../images/sort_handle.png");
    background-position: 10px 7px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
    padding: 5px 10px 5px 35px;
}