1. カスタムフィールドを新規作成
2. システムオブジェクトは＜ブログ記事＞、種類は＜チェックボックス＞。
   名前を入れると勝手にベースネームとテンプレートタグに反映されます。ただ、日本語で入れると反応ナシ。
   個人的には、まずは英語で入れて、その後、名前だけ日本語に直してます。（今回は分かりやすくするため英語のままで）
3. 保存すると、下のほうにカテゴリー一覧が出てくるので、投稿したいカテゴリーにチェック
4. ブログ記事の作成から、先ほどチェックしたカテゴリーから新規投稿します。そうすると、２番目のサムネイルのように、投稿画面の下のほうにチェックボックスが表示されてると思うので、またまたチェックして保存

準備はこれで終了。
さて、ここで確認しなきゃいけない事が。そもそも、カスタムフィールドって、MTに埋め込んだらどういう働きするのか？って事を覚えておかないと何も出来ません。そこで１個目のサムネイルを見てみてください。保存すると『テンプレートの例』っていうのが出来上がってます。
これをとりあえず、『ブログ記事の概要』あたりに埋め込んで見てください。
で、４番目で作った記事を見てみると、ちゃんとタグが表示されてると思います。

<mt:If tag="EntryDataExclude_link">
exclude_link: <mt:EntryDataExclude_link>
</mt:If>

と埋め込んだら
exclude_link: 1
となってるのではないでしょうか？
ちなみに、exclude_linkにチェックしなかった場合は何も表示されません。というわけで、この『1』を使って、条件分岐してみたいと思います。

まずは、小粋空間さまの元のソース。

<MTEntryPreviousInCategory>
	<a href="<$MTEntryPermalink$>">« <$MTEntryTitle$></a> |
</MTEntryPreviousInCategory>
	<a href="<$MTEntryPermalink archive_type="Category"$>"><$MTEntryCategory$></a>
<MTEntryNextInCategory>
	| <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</a>
</MTEntryNextInCategory>

条件分岐のタグはこんな感じです。

<MTSetVarBlock name="next_link">
	<mt:If tag="EntryDataExclude_link"><mt:EntryDataExclude_link></mt:If>
</MTSetVarBlock>

nameについてはお好きなように。その後ので同じ名前を設定してあげればOKなので。

さて肝心なのは、次のリンク先がexclude_linkにチェックしてあるかどうかは<MTEntryPreviousInCategory>や<MTEntryNextInCategory>の中じゃないと分からないという事です。

つまりひたすらタグが長くなるとかいう……
とりあえず、こんな風になります。

<MTEntryPreviousInCategory>
	<MTSetVarBlock name="prev_link">
		<mt:If tag="EntryDataExclude_link"><mt:EntryDataExclude_link></mt:If>
	</MTSetVarBlock>
        <mt:If name="prev_link" eq="1">
        <mt:Else>
            <a href="<$MTEntryPermalink$>">« <$MTEntryTitle$></a> |
        </mt:If>
</MTEntryPreviousInCategory>

	<a href="<$MTEntryPermalink archive_type="Category"$>"><$MTEntryCategory$></a>

<MTEntryNextInCategory>
	<MTSetVarBlock name="next_link">
		<mt:If tag="EntryDataExclude_link"><mt:EntryDataExclude_link></mt:If>
	</MTSetVarBlock>
        <mt:If name="next_link" eq="1">
        <mt:Else>
            | <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> »</a>
        </mt:If>
</MTEntryNextInCategory>

ひええええ！！な……長い！！
とはいうもの、分かりやすいように改行、インデントしております。ぜひMTSetVarBlockから下はインデントなし・改行なしで書いた方が無難かと。
あと、リンクを表示させないということで<mt:Ifから<mt:Else>まで、何も書いてませんが、例えばチェックを入れた場合は、違う場所にリンクを飛ばす。などの応用も出来ます。（むしろ、私がやらなきゃいけなかったのはそれだったりして……）

こんな感じでどうでしょうか？
カスタムフィールドは使いこなせば使いこなすほど、デザインの幅もサイトとしてのボリュームも広がるんだなーと実感しました。まだまだ使い初めですが、色々試してみようと思います。
ついでに、これよりもっとスマートな解決方法があった方は、教えて頂けると幸いです。

ちなみに現在改装用意中。今はwordpressだけど、今度はMTで組もうかと思ってます。こういう情報の時、リアルなサンプルがあったら、分かりやすそうだし。でも、wordpressも捨てがたい……。
とりあえず、出来上がるのは当分先って事で（笑）

jQuery(document).ready(function($) {
	//indexpage / ロールオーバー
	var postfix = '_ovr';
	$('.entry img.titlePic').not('[src*="'+ postfix +'."]').each(function() {
		var img = $(this);
		var src = img.attr('src', src_ovr);
		var src_ovr = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));

		$('<img>').attr('src', src_ovr);
		$('.entry').hover(
			function() {
				img.attr('src', src_ovr);
			},
			function() {
				img.attr('src', src);
			}
		);
	});
	//singlepage / ロールオーバーのまま
	$('.singlePage img.titlePic').each(function() {
		var img = $(this);
		var src = img.attr('src', src_ovr);
		var src_ovr = src.substr(0, src.lastIndexOf('.'))
		           + postfix
		           + src.substring(src.lastIndexOf('.'));

		$(this).attr('src', src_ovr);
	});
});

ま、ぶっちゃけ殆ど変えてないんですよ（笑）でも、私にはこういう風に変えるまでが大変だったわけで。特に後半なんか、もっとスマートなやり方ある気がします。これから頑張らねば……。

■画像だけではなく、エントリーのdiv全てを選択範囲としてロールオーバー
実は、これで一番時間かかってたりして。あははは。元のソースだとimg.hover();でfunction() {}を括っています。なので、ここにエントリーを括っているdiv.entryを入れてあげるだけ。でも、最初って何でも時間かかるものですよね。うん。たぶん。

■記事単体に入った時は、画像はロールオーバーしたままになる
これは悩んだ末に、もう一個.each(function() {});を作る事にしました。幸い、エントリーを括ってるdivが.singlePageと名前が変わっていたので指定しやすかったです。
名前が一緒だったら・・・・がくぶる。
ぶっちゃけ.hover以下のfunctionを全て抜いてあげるだけ。ついでに、var img = $(this);でもう宣言して、その後の動きもないので、.attrの前は$(this)だけで十分でした。

■参考サイトは_onで画像を変えているが、自分で用意したのは_ovrなのでそっちに変える
これは、_onとなっている部分をすべて_ovrに変えるだけ。むしろ、var postfix = ‘ここの宣言’;を変えるだけ。なんだか私は一個だけ記述が違うって、なんだか気持ちが悪かったので全部変えましたが。

そんなこんなで、こんな状態になりました。
が、実はまだ物足りなくて。今、エントリーにマウスを置くと全部の画像の色がロールオーバーしてしまうのです。一個一個に出来ないかなぁ。でも、.entry.hoverは変えられないし……最初は return false;で上手くいくかと思ったんですが、それをやると一個目の画像だけが毎回ロールオーバーになってしまう。
ううーん。もうちょっと悩みます。

っていうか、実験しすぎて、最近このサイトのjsとかソースとかがひどい事になりつつある……そろそろ改装したいですねぇ。

さて、せっかくのエントリー内なので、ただ数字がつらなってるだけじゃつまらない。
数字の上にコテッ程度に装飾をしてあげたい。例えば、「続きを読むって文字の下にラインを引いて、その下に数列」みたいな感じ。……分かります？
この、数字たちを何かでかこってあげたいって事ですよっ。説明下手でごめんなさいっ。
しかし、pagebuteもそうですが、あくまで数字を出すのみ。しかも、記事の長さによっては、その装飾がいらない時ってありますよね。でも、普通にMTタグ入れると、いつでも出てきちゃうし。せっかくこのプラグインつかってるのに、文字制限で装飾を出す出さないだなんて条件分岐はナンセンス。
任意で、装飾をつけるか、つけないか。選びたいと思いまして。
幸いタグをつかってなかったので、タグに『続きなし』と入れたら、装飾が出ないようにしました。

<mt:If name=”entry_archive”>
<mt:EntryIfTagged>

<mt:EntryTags>
<mt:SetVarBlock name=”sequel”><$mt:TagName$></mt:SetVarBlock>
<MTIf name=”sequel” eq=”続きなし”>
<div class=”bottom_pagenation”>&nbsp;</div>
</MTIf>
</mt:EntryTags>

<mt:Else>
<div class=”bottom_pagenation”>
<span class=”read_more”>続きを読む</span>
<$MTSplitPageLists link_start=”<span class=’link_page’>” link_end=”</span>”$>
</div>
</mt:EntryIfTagged>
</mt:If>

<mt:EntryIfTagged>で全部括ってあげなきゃいけない事に気づくのに数時間かかりました。あはは。
いま思えば<mt:EntryTags>は<$mt:TagName$>を括るだけで良かったんじゃないか……？とも思いますが、今更再度確認する気力はなし。

<mt:SetVarBlock name=”sequel”>で分岐条件にタグを使う事を宣言。<MTIf name=”sequel” eq=”続きなし”>で”続きなし”の場合は下記の状態に。<mt:Else>で、それ以外の場合は、装飾を表示。って感じです。

しかし、プラグインを開発する人って本当にすごい。MTを弄るようになってから、本当にさまざまなプラグインにお世話になってます。もう足を向けては寝れません。立って寝ろって事かっ！！
wordpressもプラグインや自由度に関しては、MTよりも遥かにすごいのですが、いかんせん仕事で使わないと中々先に進みませんね。

そういえば、先日初めてjQueryを自分で組んでみました。まだまだ初歩的な部分なのですが、必要に駆られまして……しょぼいタグですが、それもいつか公開する予定です。

<mt:if name=”__first__”>

です！いやあ、なんて単純な答え。『もし、一番最初なら』ですね。MTって色々出来る分、タグが多すぎて、答えを導き出すのに時間がかかるような気がします。
上記のタグで、一回しか表示させたくないところを囲えば、OKです。サンプルですが、下記のようになります。

<$mt:EntryTrackbackData$>
<mt:if name=”__first__”>
<div class=”blog_title”>
<h2><$MTCategoryLabel$></h2>
</div>
</mt:if>

<div class=”post”>
<div class=”post_release”>
<h3><$MTEntryDate language=”en” format=”%m. %d. %Y”$></h3>
<$mt:EntryBody$>
</div>
</div>

これをテンプレートモジュールとして呼び出せば完了。なんだか終えてみると簡単だなぁ。ちょっと複雑な思いです。

body{
margin:0px auto;
text-align:center;
}

#base{
width:100%;
margin:0 auto;
text-align:center;
}

#container{
width:749px;
margin:0 auto;
text-align:center;
}

上記のように#baseを噛ませます。#containerにfloat:left;入ってないやんっ！ええ。そうなんです。ここにfloat入れると元の木阿弥です。入れないことでcontainerがfloatしている子要素を囲ってくれるのです。しかし、まったく理解出来ません。そして、こんな事で躓いてるのは私だけのようです。ググっても出てこないよー。それともググり方が悪いのかー。とほほ。

そして、ほんっっっとうに写真撮ってないので、とうとう猫です。かわいいのですが、大食漢で横暴で人に媚びるのが上手な、およそ猫とかけ離れたオカマです。

１、カテゴリを作る。名前は日本語でも英語でも。お好きなように。
２、『カテゴリの編集』で『説明』部分に半角英数字で適当な単語を入力

次に、スタイルシートを編集。

１、まずはベースとなるクラス名を決める。たとえば『articleBase』など。ここは任意で構いません。
２、『カテゴリの編集』で入力した説明を、先ほどのベースの名前のあとにつけて、カテゴリの数だけクラスを作る。
ex), 説明が『Blog』の場合　→　.articleBaseBlog{width:○○px;}
説明が『infomation』の場合　→ .articleBaseinfomation{margin:○○px}
３、好きな配色、画像、padding、marginを設定

最後にカテゴリを表示させる部分。主に『ブログ記事の概要』や『ブログ記事』を編集します。

以下のように設定します。
<div class=”articleBase<MTEntryCategories><$MTCategoryDescription$></MTEntryCategories>”>
<h4><$MTEntryDate language=”en” format=”%A, %B %dth”$>
<mt:EntryTags>
<span class=”tags”><$mt:TagName$></span>
</mt:EntryTags>
</h4>
</div>
大切なのは１行目です。ほかは分かりやすくするために一緒に記入してるので、あまり気にしないでください。
最初に設定したベースとなるクラス名のあとに<MTEntryCategories><$MTCategoryDescription$></MTEntryCategories>を入れるのがポイントです。<$MTCategoryDescription$>で最初に設定した『説明』を表示させます。それによりクラス名を変える事が可能になります。

これで、出来上がりです。このテクニックは他の部分でも応用がきくのでぜひ！たとえばベースの名前を変えて、説明の設定をそのままに。新しいクラスを作れば、場所によっては同じカテゴリでも違うデザインに出来たりします。

<MTSetVar name=”no” value=”$__counter__”>
<strong><$MTGetVar name=”no” zero_pad=”2″$></strong>

<strong>は、<div class=”○○”>内の<strong>はこういうデザインにする。という風にcssで指定しています。zero_pad=”2″$は２桁という意味です。なので、『1』は『01』になります。これで、全記事を通してナンバーを振ることが出来ますよ。これを見つけるのに２週間くらい悩みました。っていうか仕事遅すぎじゃない？という突っ込みはのーせんきゅ。人間あきらめちゃダメですね。

１、『ブログ記事の概要』の他に『アーカイブモジュール（適当です。お好きな名前をどうぞ）』をテンプレートモジュールに作る

２、それぞれの中身をcssを駆使して違うデザインにチェンジ

３、インデックステンプレートの『メインページ（index.html）』を開き、<mt:Entries>で囲ってある部分を下記に変える。
<mt:Entries lastn=”1″>
<$mt:Include module=”ブログ記事の概要”$>
</mt:Entries>

<mt:Entries lastn=”7″ offset=”1″>
<$mt:Include module=”アーカイブモジュール”$>
</mt:Entries>

これだけ？そう。これだけ。
ブログ記事の概要を囲っているlastn=”1″が最新記事だけを表示させるという意味。
そして、アーカイブモジュールをかこっている lastn=”7″ offset=”1″が、１件目を除くのこり７件を表示させるという意味。
なんとも拍子抜けするくらい簡単ですね。pagebuteなど、ベージを分割させるプラグインを使ってる場合は、アーカイブモジュールをかこってる方の lastn=”7″を抜いてあげればOKです。

そして、写真も一切とってないので、どうしようもなく昔の写真を引き出してます。そのうち2003年の写真ぐらい出てきちゃったらどうしよう。

html>/**/body .latestPhoto_last .title ul li{
margin /*¥**/: 0 5px 3px 0\9
}

はい、成功しました。すごーい。詳しくはTKさんのサイトでごらんください。なんか、よく見出せたなぁと思うばかりです。ありがたい。なるべく使わないように作っていこうとは思いますが、緊急時はまたこの方法を使わせて頂きたいと思います。

<!–[if IE 6]>
<script type=”text/javascript” src=”../common/js/iepngfix.js” charset=”UTF-8″></script>
<![endif]–>

この間まで上記のような条件付コメントにしてました。これだとie6だけこのjsを読み込むという指定になります。で、IE7が怒った。「なに？ぼくは何も言われてないのになんでclass=”iepngfix”があるの？！」と言い出した。いいじゃん。気にするなよ。器の小さい男だな。正規配布版のIE7ならステータスバーの部分にちぃさくエラーが出るだけなのですが、IE TESTERだとスクリプトエラーで固まります。めんどうくせぇ。別にIE TESTERで見てる人は自分くらいなんだろうけど、めんどくせぇ。というわけで変更しました。

<!–[if IE]>
<script type=”text/javascript” src=”../common/js/iepngfix.js” charset=”UTF-8″></script>
<![endif]–>

これで、IE全てに読み込ませるようになります。いやあ、IE7は普通にpng対応してるんだから、いらないんですけどね。個人的に気持ち悪かったので。

さて！で、新しいpngfixを発見したのですが、これが中々よさそう。PNG Behaviorです。これは:hoverの時に使ったhtcファイルで操作してあげるタイプ。つまり、条件付コメントでモダンブラウザを弾かなくても、もともとIE6にしか効かないんですね。良さそうじゃないか。というわけで試してみました。使い方は超簡単。

１、上記サイトの一番下、『DOWNLORD』から持って変える。
２、pngbehavior.htcとblank.gifを好きなところにアップする。
３、html内、あるいはcssに
<style type=”text/css”>
img{
behavior: url(“pngbehavior.htc”);←絶対パスがお勧め
}
</style>
と書き込む。
4、ここからがポイント！
pngbehavior.htcを開き、29行目『var blankSrc = “blank.gif”;』の部分を絶対パスに変える。
ex;)var blankSrc = “http://ellipticus.net/img/blank.gif”;
というような感じです。

これで終わり。なんてかんたん！ただ、背景までは対応してないようなので、そっちはAlphaImageLoaderで設定してあげましょう。

.クラス（ＩＤ）名{
background : url(画像名.png) !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”画像名.png”, sizingMethod=”scale”);
}

１行目の!importantを取って、２行目、３行目をアンダースコアハックしてもOKです。どっちにしろValidにはならないしー。
あ、でhtcファイルの注意点ですが、同じサーバー/ドメイン上になければ効果ありません。なので、ブログを借りて作ってる人は、これ出来ないかもしれませんね。
pngに関してはさまざまなやり方があるし、いろいろな人がjsやらhtcファイルやら開発してくれてるし、もう百花繚乱状態なのですが、自分に合ったものを見つけるとなると、ちょっと大変なような気がします。