MovableType5（MT5）コメントのカスタムフィールドを追加する

MovableType5は、標準でコメントのカスタムフィールドが使えるようになっています。
その設置方法です。
※MT4でコメントにカスタムフィールドを追加したい方は、小粋空間様の「CommentCustomField プラグイン」をお使いください。

1. 新規カスタムフィールドの作成

新規カスタムフィールドを追加します。読み込み時の規定値は後で指定します。
ベースネームがかぶったりしないよう、また後で見てもすぐに把握できるよう、カスタムフィールドはきちんと管理しておくことをオススメします。

2. エントリーアーカイブテンプレート（=ブログ記事）の修正

コメント入力フォーム部分と、コメント表示部分の２カ所に手を入れます。
今回は、全ての種類のフォームを設置してみました。

1. まずはコメント入力フォーム部分。
   コメントのformタグ内に、下記コードを挿入。
   

   <mt:Ignore>コメントのカスタムフィールド</mt:Ignore>
   <div id="comment-form-custom">
   	<input type="hidden" name="blog_id" value="<MTBlogID>" />
   	<input type="hidden" name="customfield_beacon" value="1" id="customfield_beacon" />
   	<mt:CommentCustomFields>
   	<mt:SetVarBlock name="custom_field_name"><$mt:CustomFieldName$></mt:SetVarBlock>
   	<mt:SetVarBlock name="field-content"><$mt:CustomFieldHTML$></mt:SetVarBlock>
   	<mt:SetVarBlock name="custom_field_id">profile_<$mt:CustomFieldName dirify="1"$></mt:SetVarBlock>
   	<$mt:Include module="フォームフィールド" id="$custom_field_id" class="" label="$custom_field_name"$>
   	</mt:CommentCustomFields>
   </div>

2. そして、コメント表示部分。
   表示したい部分に先ほどコピーしておいたMTタグをペーストします。

   <!--以下、説明用のサンプル-->
   <mt:If tag="commentdatasample07">
   	sample07_ラジオボタン: <mt:commentdatasample07>
   </mt:If>

3. テンプレートを保存して、再構築。

3. 結果確認

コメント入力フォームに、作成したカスタムフィールドが追加されました。
数字順に並べたいのに順番がバラバラになっています。作成順か？解決方法は現時点でわかりません。
また、ラジオボタンの直後に余計な改行が入っていたりとレイアウト的にまずいので、CSSで調整する必要があります。

とりあえず問題点は置いといて、適当に入力して投稿してみます。
日付は「yyyy-mm-dd」「hh:mm:ss」形式で入力する必要があります。
埋め込みオブジェクトのフォームには、YouTubeの埋め込み用タグをコピペしました。

一通り入力したら、「投稿」ボタンを押します。

コメント入力フォーム

コメント表示部分

投稿済コメントの表示部分に反映されました。

コメント入力フォームのカスタムフィールド部分のHTMLタグ

<div id="profile_sample01_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_sample01_-label" for="profile_sample01_">sample01_テキスト</label>
		</div>
		<div class="field-content ">
			<input type="text" name="customfield_sample01" id="customfield_sample01" value="" class="full-width ti" />
		</div>
	</div>
</div>
<div id="profile_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_-label" for="profile_">sample02_テキスト（複数行）</label>
		</div>
		<div class="field-content ">
			<textarea name="customfield_sample02" id="customfield_sample02" class="full-width ta" rows="3" cols="72"></textarea>
		</div>
	</div>
</div>
<div id="profile_sample03_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_sample03_-label" for="profile_sample03_">sample03_チェックボックス</label>
		</div>
		<div class="field-content ">
			<input type="hidden" name="customfield_sample03_cb_beacon" value="1" />
			<input type="checkbox" name="customfield_sample03" value="1" id="customfield_sample03" checked="checked" class="cb" />
			<label class="hint" for="customfield_sample03">チェックボックスのサンプルです。</label>
		</div>
	</div>
</div>
<div id="profile_sample04_url-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_sample04_url-label" for="profile_sample04_url">sample04_URL</label>
		</div>
		<div class="field-content ">
			<input type="text" name="customfield_sample04" id="customfield_sample04" value="" class="full-width ti" />
		</div>
	</div>
</div>
<div id="profile_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_-label" for="profile_">sample05_日付と時刻</label>
		</div>
		<div class="field-content "> <span class="date-time-fields">
			<input type="text" id="d_customfield_sample05" class="entry-date text-date" name="d_customfield_sample05" value="" />
			<input type="text" class="entry-time" name="t_customfield_sample05" value="" />
		</span></div>
	</div>
</div>
<div id="profile_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_-label" for="profile_">sample06_ドロップダウン</label>
		</div>
		<div class="field-content ">
			<select name="customfield_sample06" id="customfield_sample06" class="se" mt:watch-change="1">
				<option value="項目１">項目１</option>
				<option value="項目２">項目２</option>
				<option value="項目３">項目３</option>
			</select>
		</div>
	</div>
</div>
<div id="profile_sample08_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_sample08_-label" for="profile_sample08_">sample08_埋め込みオブジェクト</label>
		</div>
		<div class="field-content ">
			<textarea name="customfield_sample08" id="customfield_sample08" class="full-width ta" rows="3" cols="72"></textarea>
		</div>
	</div>
</div>
<div id="profile_sample07_-field" class="field-top-label field pkg ">
	<div class="field-inner">
		<div class="field-header">
			<label type="text" id="profile_sample07_-label" for="profile_sample07_">sample07_ラジオボタン</label>
		</div>
		<div class="field-content ">
			<ul class="custom-field-radio-list">
				<li>
					<input type="radio" name="customfield_sample07" value="項目１" id="customfield_sample07_1" checked="checked" class="rb" />
					<label for="customfield_sample07_1">項目１</label>
				</li>
				<li>
					<input type="radio" name="customfield_sample07" value="項目２" id="customfield_sample07_2" class="rb" />
					<label for="customfield_sample07_2">項目２</label>
				</li>
				<li>
					<input type="radio" name="customfield_sample07" value="項目３" id="customfield_sample07_3" class="rb" />
					<label for="customfield_sample07_3">項目３</label>
				</li>
			</ul>
		</div>
	</div>
</div>

参考サイト

• MT5で追加されるMTタグの利用方法（MT本家サイト）