MTTruncateURLプラグイン

常にスクロールバーを表示しておけば、
ページ遷移でセンタリングがずれる違和感をなくすことができる。

html {
overflow-y:scroll;
}

ただし、NNとOperaには効果なし。

NN、Operaに対応するには

html {
margin-bottom:1px;
height:100%;
}

とする。
ただ、常に1pxだけスクロールできる状態になるので、コンテンツの少ないページでは、
ものすごい違和感を感じる。

個人的には、NN、Operaはあきらめて、
overflow-y:scroll;
の方がいいなぁ。

<p style="color:#ff0000;">記事投稿時の注意事項<br />・半角カタカナは使わないようにしてください。<br />・機種依存文字は使わないようにしてください。<br />・アルファベット／数字は半角でお願いします。<br /></p>

テキストは、各自書き換えてください。

保存字は、utf-8形式で保存すること。
文字化けします。

tmpl/cms/include/asset_upload.tmpl
をテキストエディタで開き、65行目に(MT ver4.25)

<p style="color:#ff0000;">アップロードするファイル名は、必ず半角英数字とすること。<br />日本語のファイル名は、画像表示エラーの原因になります。<br />例)<br />NG：日本語.jpg 、 ＮＩＨＯＮＧＯ.jpg<br />OK：NIHONGO.jpg 、 090602.jpg</p>

を挿入する。
赤字で注意書きを挿入できる。

編集後の保存は、utf-8形式で保存すること。
他文字コードだと、日本語が文字化けします。

tmpl/cms/include/asset_upload.tmpl
をテキストエディタで開き、1行目に

<$mt:setvar name="extra_path" value="ディレクトリ名"$>

を追加する。

ボクはいつも「files」というディレクトリを指定するので、

<$mt:setvar name="extra_path" value="files"$>

としています。

http://www.infojam.net/support_m_10_2.html

mt-config.cgiにて

DeleteFilesAtRebuild 1

を追記。

※「エントリー一覧」からチェックボックスをクリックして「非公開」にしたときは削除しない。

大容量の動画ファイルなどをアップデートするために、この容量制限を解除する。

mt-config.cgiにて、
CGIMaxUpload 50000000
を追記。
これは50M制限。

より直感的に、ソース的にも美しくなります。
imgタグに直接style属性かかれると、あとからのレイアウト編集や、サイトリニューアルの時に、本当に苦労するから。
HTMLソースにstyle指定することは絶対に避けておきたい。

/mt/lib/MT/Asset/Image.pm
280行目付近(MT-4.2-ja)。

if ( $param->{wrap_text} && $param->{align} ) {
    $wrap_style = 'class="mt-image-' . $param->{align} . '" ';
    if ( $param->{align} eq 'none' ) {
        $wrap_style .= q{style=""};
    }
    elsif ( $param->{align} eq 'left' ) {
        $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
    }
    elsif ( $param->{align} eq 'right' ) {
        $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};
    }
    elsif ( $param->{align} eq 'center' ) {
       $wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};
    }
}

ここでimgタグに直接スタイルを指定しているので、
スタイルをコメントアウト。
そして、クラス追加部分を、下記のように変更。

if ( $param->{wrap_text} && $param->{align} ) {
    $wrap_style = 'class="mt-image-' . $param->{align} . '" ';
    if ( $param->{align} eq 'none' ) {
#        $wrap_style .= q{style=""};
    }
    elsif ( $param->{align} eq 'left' ) {
          $wrap_style = 'class="l" ';
#        $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
    }
    elsif ( $param->{align} eq 'right' ) {
          $wrap_style = 'class="r" ';
#        $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};
    }
    elsif ( $param->{align} eq 'center' ) {
         $wrap_style = 'class="c" ';
#       $wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};
    }
}

画像左 = l
画像右 = r
画像中央 = c

という名前のクラスを指定します。

2.styleタグを削除するプラグインの導入

MTがimgタグを吐き出す際、styleタグにて囲まれてしまう。
これも直接ソースでstyle指定されてしまって邪魔なので、削除する。

・StylelessImage
Junnama Online (Mirror)：(続)MT4で画像挿入の際にclassやstyleが付くのが嫌! なあなたに。

3.cssにて、回り込み等を制御する

リンクしているcssに、以下のものを追加。
マージンなどは、レイアウトに沿って変更してください。

img.r {
    float: right;
    margin:0 0 20px 2px;
    vertical-align:top;
}
img.l {
    float: left;
    margin:0 2px 20px 0;
    vertical-align:top;
}
img.c {
    display:block;
    text-align:center;
    margin:0 auto 20px auto;
}

4.float解除（画像の回り込みを解除）するbrタグ挿入ボタンの追加

編集画面に、

・CustomEditorButton2
blog.aklaswad.com：CustomEditorButton2

以上をDLし、インストールする。
簡単にボタン機能を追加できるので、非常に便利です。

このプラグインをベースに、wasavi-designオリジナルボタンを追加します。
・InsertUtilityButton_1_00
InsertUtilityButton_1_00.zip

以上で完了。
imgタグ周りが、別ファイルのcssで制御できるようになります。
細かいレイアウト調整や、ブログデザインを変更するときに、かなり重宝すると思います。
実際、サイトのリニューアル作業のときに、MTログに書き込まれたstyleで、ものすごく苦労することも多いので・・・

(X)HTMLタグへの直接のstyle属性は、外部cssからの制御ができず、いろいろと苦労します。
ので、極力、classによって制御したい。
ということで、このstyle属性が記述されないようにする。
ついでに、クラスも任意のものに変更してしまう。
（MTをCMSとして使用するとき、極力MTの痕跡をソースにのこしたくないので）

/mt/lib/MT/Asset/Image.pm
270行目付近(MT-4.1-ja)。

if ( $param->{wrap_text} && $param->{align} ) {
$wrap_style = 'class="mt-image-' . $param->{align} . '" ';
if ( $param->{align} eq 'none' ) {
$wrap_style .= q{style=""};
}
elsif ( $param->{align} eq 'left' ) {
$wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
}
elsif ( $param->{align} eq 'right' ) {
$wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};
}
elsif ( $param->{align} eq 'center' ) {
$wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};
}
}

ここでスタイルを指定しているので、
スタイルをコメントアウト。
そして、クラス追加部分を、下記のように変更。

if ( $param->{wrap_text} && $param->{align} ) {
# $wrap_style = 'class="mt-image-' . $param->{align} . '" ';
if ( $param->{align} eq 'none' ) {
# $wrap_style .= q{style=""};
}
elsif ( $param->{align} eq 'left' ) {
$wrap_style = 'class="l" ';
# $wrap_style .= q{style="float: left; margin: 0 20px 20px 0;"};
}
elsif ( $param->{align} eq 'right' ) {
$wrap_style = 'class="r" ';
# $wrap_style .= q{style="float: right; margin: 0 0 20px 20px;"};
}
elsif ( $param->{align} eq 'center' ) {
$wrap_style = 'class="c" ';
# $wrap_style .= q{style="text-align: center; display: block; margin: 0 auto 20px;"};
}
}

これで不用意なstyle属性はつかなくなるので、任意のclssにて、スタイルを指定する。

img.r {
float: right;
border: none;
margin:0 0 25px 2px;
vertical-align:top;
}

img.l {
float: left;
margin:0 2px 25px 0;
vertical-align:top;
}

img.c {
display:block;
text-align:center;
margin:0 auto 25px auto;
}

これを消去するには、mapの領域に

#map {
position:relative;
overflow:hidden;
}

を記述すれば解決します。

http://www.moock.org/webdesign/flash/detection/moockfpi/

ライブラリ　＞　プロパティー　＞　スムージング

にチェックを入れればOK。

また、ASで行う場合は、
bitamapのsmooth:BooleanをtrueにすればOK。
ただし、Flash8以上。

ここにひとつ大きな落とし穴が。
外部から読み込んだ画像に対しては、ビットマップスムージングが適用されないバグがある。
対処法として、読み込んだ画像をBitmapDataにコピーしたものを使うとスムージングがかかる。
コピーした後は、元のMCは削除しておくとスマート。

詳細はこちらで。

・ランタイムビットマップキャッシュを使用するにチェック
または
・cacheAsBitmap = true;

すれば、マスクの透過度がそのまま反映される。