サイドバー／新着コメント一覧で使ったMT用タグ

<mt:IfNonZero tag="mt:BlogCommentCount">～</mt:IfNonZero>

コメント数がゼロじゃない場合に表示。なかなかコメントがつかないこともあるし、このタグは残しておいた方がいいかも。

<mt:Comments lastn="10" sort_order="descend">～</mt:Comments>

このタグでコメントを表示する様子。lastnで件数、sort_orderで並び順を指定。（MT3だと、MTentriesタグにアトリビュートをつけて表示させてたような気がするけど、MT4では専用のタグができたんですね。）

<mt:CommentsHeader>～</mt:CommentsHeader>
<mt:CommentsFooter>～</mt:CommentsFooter>

コメント部分のヘッダー、フッターを表示。

<mt:CommentEntry><$mt:EntryPermalink$></mt:CommentEntry>

記事へのURLを出力する「MTEnｔｒｙPermalink」を上記のように囲うと、コメントが寄せられた記事のURLが出力される様子。

<$mt:CommentID$>

コメントのID番号を出力。

<$mt:CommentAuthor$>

コメントの投稿者名を出力。

<mt:CommentEntry><$mt:EntryTitle$></mt:CommentEntry>

記事のタイトルを出力する「MTEntryTitle」を上記のように囲うと、コメントが寄せられた記事のタイトルが出力される様子。

<$mt:CommentBody remove_html="1" trim_to="10"$>

コメントの内容を出力。ここに「trim_to」というアトリビュートがあり、これで出力する文字数を制限してます。これ、MT3ではプラグインを入れなきゃできなかったと思うんだけど、MT4では普通に使えるようになったんですね☆

で、HTML部分を組み直したのがこちら。

もともと月別アーカイブのリストを表示させるために組んだソースなので「mt:IfArchiveTypeEnabled」の部分は削除。あとは基本的に初期のものからは変更してません。

前の記事でも書いたような気がしますが、カスタマイズするためには基礎的な部分をまず押さえておく必要があるので、基本的なところで何がどうなって表示されるのかというところが分かればよし。複雑なのは本格的に作るときにお勉強すりゃいいんです。はい。

サイドバー／月別アーカイブで使ったMT用タグ

<mt:IfArchiveTypeEnabled archive_type="Monthly">～</mt:IfArchiveTypeEnabled>

アーカイブの種類が「monthly」（月別）の場合、囲まれた部分を出力。

<mt:ArchiveList archive_type="Monthly">～</mt:ArchiveList>

アーカイブのリストを出力。（ここでは月別アーカイブのリスト。）

<mt:ArchiveListHeader>～</mt:ArchiveListHeader>
<mt:ArchiveListFooter>～</mt:ArchiveListFooter>

リストのヘッダー／フッターとなる部分を出力。（リスト部分は繰り返し表示されるか、Header/Footerの部分は1回だけ出力。）

<$mt:ArchiveTypeLabel$>

アーカイブのタイトルを出力。ここでは「月別」と表示される。

<$mt:Link template="archive_index"$>

アーカイブページ（archives.html）へのURLを出力。MT4のテンプレートでは、「アーカイブ」という文字にアーカイブページへのリンクが張られてますが、私は単純に「月別アーカイブ」という文字だけを出力したかったので、このタグ及びリンク部分は削除しました。

<$mt:ArchiveLink$>

個別アーカイブページへのURLを出力。ここでは、月別ページへのURL。

<$mt:ArchiveTitle$>

個別アーカイブページのタイトルを出力。ここでは「ｙｙｙｙ年ｍｍ月」。

<$mt:ArchiveCount$>

個別アーカイブに含まれる記事の件数を出力。

カテゴリ関連のタグって、ここでしか使わないようなのがあるのでちょいと慣れづらいんですが、こーゆーところは下手にいじろうとせず、体裁を整える程度にとどめた方がいいカモ。メインスペースにカテゴリリストを掲載するならいざしらず、サイドバーであればリストを組んでそれを入れ子ｗってのが定番でしょうからね。

サイドバー／カテゴリ一覧で使ったMT用タグ

<mt:IfArchiveTypeEnabled archive_type="Category">～</mt:IfArchiveTypeEnabled>

mt:IfArchiveTypeEnabledは、指定したカテゴリが有効なときに囲まれた部分を出力するしていのよう。ここで指定しているのは「Category」ということで、カテゴリーアーカイブが有効なときだけ表示します、ってことらしい。が、特に無効にする予定もないので、ここはサックリ削除しました。

<mt:TopLevelCategories>～</mt:TopLevelCategories>

カテゴリの一覧を吐き出すためのタグ。TopLevelと書いてあるが、Subも吐き出すらしい。

<mt:SubCatIsFirst>～</mt:SubCatIsFirst>

リファレンスを見るとややこしいんだけど、サブカテゴリが表示される際のヘッダー、と考えればよさげ。

<mt:IfNonZero tag="mt:CategoryCount">～<mt:Else>～</mt:IfNonZero>

このカテゴリの記事がゼロじゃない場合は、カテゴリページへのリンクつきでカテゴリ名を出力。ゼロの場合はリンクなしでカテゴリ名のみ出力。私はelse以下を削除して、記事のないカテゴリは表示しないようにしました。 表示しないようにしたら記事のないトップカテゴリも表示されなくなったので、もとの設定に戻しました＾＾；

<$mt:SubCatsRecurse$>

リファレンスを見るとややこしいんだけど、サブサブカテゴリがある場合は上と同じように表示、ってことかな？

<mt:SubCatIsLast>～</mt:SubCatIsLast>

mt:SubCatIsFirstの逆で、こちらはサブカテゴリのフッターみたいなもん。

特に変更した部分なし。自分の使いやすいようにHTMLタグを整えただけです。

サイドバー／新着記事一覧で使ったMT用タグ

<mt:IfNonZero tag="BlogEntryCount">～<mt:IfNonZero>

ブログ記事の件数がゼロじゃない場合は囲まれた部分のソースを出力。記事件数ゼロのままのはずもないため、私は削除しました。

<mt:Entries lastn="10">～</mt:Entries>

mt:entriesで囲まれた部分を、lastnで指定した数だけ繰り返し出力。

<mt:EntriesHeader>～</mt:EntriesHeader>
<mt:EntriesFooter>～</mt:EntriesFooter>

mt:entriesで囲まれた部分は繰り返し表示されますが、Header、Footer部分は繰り返し表示されません。

<$MTEntryPermalink$>

記事ページへURLを出力。

<$MTEntryTitle$>

記事のタイトル名を出力。

ただ、こーゆーところは下手にテンプレートごとにいじらずに全テンプレートで使い回ししたいところ。これこそモジュールの出番！なわけですが、まずは中身を理解するため、あえてモジュールは使いません。全てのテンプレートをカスタマイズしてみて、条件分岐などが分かってからモジュールを作っても遅くないわけで、ここはとりあえずメインテンプレートに書き込んじゃうことにします。

で、将来のモジュール化を踏まえて基本的なところはいじらず、HTMLソースだけ見直したのがこちら。

カスタマイズってゆーより、HTMLタグのリプレイスって感じですね＾＾；

サイドバー／検索フォーム部分で使ったMT用タグ

<$mt:CGIPath$>
<$mt:SearchScript$>

MTを動かすプログラムへのパスと、プログラムファイル名を出力。ウ

<$mt:SearchString$>

検索する文字列を表示。メインページでは必要ないけど、検索結果ページでフォームを表示した際に、検索したキーワードをあらかじめボックスに表示させておくために必要。

<mt:If name="search_results_template">～</mt:If>

変数search_results_templateを持っていれば出力。（検索結果ページのみ表示？）

<$mt:SearchIncludeBlogs$>

検索対象の複数のブログIDを出力。

<$mt:BlogID$>

検索したブログのIDを出力。

<mt:IfTagSearch>～</mt:IfTagSearch>

タグ検索の場合、囲まれた部分を出力。

<mt:Tags>～</mt:Tags>

タグごとに、囲まれた部分のソースを出力。

<$mt:TagSearchLink$>

タグ検索ページのURLを出力。

<$mt:TagName$>

タグ名を出力。

<$mt:TagCount$>

そのタグが指定されている記事の件数を出力。

初期状態のテンプレートでは、変数によって2段組、3段組を分岐させて読み込む内容を変更しているようです。で、サイドバーの内容は「ウィジェットセット」の管理ページで、掲載するもの／しないものをマウスのドラッグ＆ドロップで選択できる様子。

MTを本格的に使っていくにはカスタマイズが絶対条件だと思うんですが、これじゃ1個1個内容を見直していかなきゃいけないので非常に面倒。ってことで、私は最初にウィジェットを使って必要なものをチョイスし、そのソースをテンプレートにコピペ。1枚のテンプレート上で全てを管理できるようにしました。（モジュールを使わないってのと一緒ですね。）

今回選んだのは次の項目。

サイドバー（メイン）に掲載する内容

• 検索
• 最近のブログ記事
• カテゴリ一覧
• 最近のコメント
• 月別アーカイブ
• 購読

サイドバー（サブ）に掲載する内容

• アイテム

あとは追加でアフィリエイト広告を貼ったり貼らなかったりすればスペースは埋まるかなと。（ところで、最近のトラックバックってなかったんですけど...。）

以上の内容を1個ずつテンプレートにコピペして、カスタマイズの準備は完了です。（それにしてもいちいちめんどくせぇ....。）

こちらもDIVタグやらMTタグ（しかも条件分岐）やらでややこしくなってますが、必要なもの／いらないものを整理して、次のように書き換えました。体裁はCSSで適当に。

細かいところで場所を変えたりHTMLタグを変えたりしてますが、基本は初期テンプレートのコピペです。MT用のタグを1個1個理解しながらコピペしていけば、そう難しいことではありません。

これでメインスペースのカスタマイズは終了。元々のテンプレートには「アーカイブ」へのリンクが最下部に貼られてたんですが、これは後からでもつけられますし、とりあえず今は必要なしってことで削除しました。

メインページ記事部分で使われているMT用タグ

<MTentries>～</MTEntries>

エントリー部分。この内側のソースが指定件数分だけ繰り返し表示される。

<$MTEntryTrackbackData$>

よく分かんないけど、トラックバック用のデータをRDFで記載するもの、だそうです。

<$MTEntryID$>

記事のID番号を出力。別になくてもいいけど、ページ内リンクを使う場合には便利カモ。

<$MTEntryPermalink$>

記事ページへURLを出力。

<$MTEntryTitle$>

記事のタイトル名を出力。

<MTIfNonEmpty tag="EntryAuthorDisplayName">～</MTIfNonEmpty>

MTIfNonEmptyは指定した内容が空かどうかを判別するためのタグ。初期状態のテンプレートでは「EntryAuthorDisplayName」というタグが指定されており、「記事の投稿者名が空でない場合、投稿日時等に投稿者名を加えて表示しなさい。空なら投稿日時等のみ。」という意味になってます。

<$MTEntryDate format_name="iso8601"$>
<$MTEntryDate format="%x %X"$>

「MTEntryDate」で記事の投稿日時を出力。format_name、formatを指定するといろんな形式を選択できます。ここは日付フォーマットのリファレンスを見ながらアレコレいじるのがよろしいかと。

<MTUnless name="hide_counts" eq="1">

「MTUnless」は「～じゃない場合」。よく分からないけど、変数hide_countsを持ってない場合は表示、ってことっぽい。

<MTIfCommentsActive>～</MTIfCommentsActive>
<MTIfPingsActive>～</MTIfPingsActive>

コメント／トラックバックの投稿を許可している場合は表示。

<MTIfNonEmpty tag="EntryBody">～</MTIfNonEmpty>

「MTEntryBody」が空じゃない場合は表示。

<$MTEntryBody$>

記事の本文。記事投稿時に「本文」タグ内で書かれた部分を表示。（「続き」は「MTEntryMore」）

<MTIfTagSearch>～</MTIfTagSearch>

タグがある場合は囲まれた部分を表示。（初期設定では「タグがある場合は、タグモジュールをインクルード」となってます。）

<MTIfNonEmpty tag="EntryMore" convert_breaks="0">～</MTIfNonEmpty>

記事に「続き」がある場合は内側のソースを表示。（初期設定では「続きを読む」のリンクを表示。）

内容的には「変数main_indexを持っている場合は、ブログタイトルをh1タグで、ブログ概要をh2タグで書き出して。持ってないならそれぞれDIVタグでいいわよ。」ってな感じ。

今回私は、この変数云々を無視してカスタマイズしてるので、これをこんな感じで書き換えます。

単純ですね。条件分岐に関する部分をバッサリ削除しただけです。
あ、それと、余計なIDセレクタが付いてたのでコチラも削除。（これがなくてもCSSの指定はできますし。）

ま、概要をh2タグで囲うのってどーなのよ！？とか思うんですが、今は自分でカスタマイズするというのが大前提。内容の把握ができればそれでOKです。

以上のように修正したら保存＆再構築。それが終わったらCSSでそれっぽく装飾します。

ヘッダーで使ったMT用タグ

<$MTBlogURL$>

ブログのURLを表示

<$MTBlogName$>

ブログのタイトルを表示。「encode_html="1"」というアトリビュートをつけることで記号を絶対参照文字で書き出すことができるが、ウチはタイトルに記号を使ってないので削除。

<$MTBlogDescription$>

管理画面で設定した「ブログ概要」を表示。

初期状態のMTテンプレートでは、ヘッダーからフッターまでを「container」というidセレクタがついたDIVタグで内包しています。さらにその内側に複数のDIVタグを内包、それぞれについたセレクタに対応したスタイルシートで、メインスペースだのサイドバーだのがレイアウトされています。

ご覧いただければ分かるとおり、ヘッダー、メインスペース、サイドバー（×2）、フッター、それぞれ1つの塊ごとに3つのDIVタグが入れ子になって存在してるんですね。これがMTのテンプレートが複雑に見える原因。

これはこれで使い道があるんだと思いますが、私としてはこんなに複雑にしたくないので、この枠をこんな感じで変更してみました。

ヘッダー、メインスペース、サイドバー、フッターには、それぞれ装飾するためにDIVタグを入れることになるんですが、レイアウトを制御するために必要なDIVタグの数はグーンと減りました。これならカスタマイズもしやすそうです。

あとはこのレイアウト枠に沿ってCSSを書けばOK。CSSはあーしてこーして....みたいな説明は面倒なんで割愛＾＾；できあがったCSSファイルをご覧いただければ幸いです。

あ、ついでに。このままだとどこからどこまでがヘッダーで、どこからどこまでがメインスペースで.....というのが分かりづらいので、HTMLのコメントを使って目印をつけておきました。（どんな感じになってるかはソースをご覧アレ。）]]> tag:www.sive.jp,2008:/mt4//2.16 2008-04-03T09:54:20Z 2008-04-03T10:24:59Z

と、その前に。

カスタマイズ前の状態がどんなだったか分からなくなってもアレなので、新たに「旧メインページ」というインデックステンプレートを作成、そこに、これまでのメインページの中身をそっくりコピペしました。で、出力先を「before.php」とでも指定して保存／再構築すれば、旧ページを残したまま新しいメインページをカスタマイズすることができます。

スタイルシートも同様に...と思ったんですが、私の場合、スタイルシートも一から組みなおしていくので、新たなページで使用するスタイルシートは別名で作成することにしました。

これで準備完了。ヘッダー（ソース上ではなく見た目の）から順次つくっていくことにします。

【カスタマイズ方針】
デザインは基本的に変えず、気に食わない部分（変な余白とか広すぎる幅とか余計なdivタグが入れ子になりまくっているソースとか）を修正していきます。
これができれば、どんなものを作ってもOKかと。

モジュールと聞くとなにやらややこしそう、実際にソースを見てみると変数やらなんやらで実際にややこしい....ということで、メインページテンプレートで読み込まれるヘッダー、記事の概要、フッターの3モジュールを、メインページテンプレートにコピペ。これで1枚のテンプレート上に全てのソースが出揃ったことになります。

モジュール、使い方さえ分かれば管理が楽になるかもしれないんですが、MT4を触り始めて2日目で全てを理解するのは無理。ま、MT3.34と同様にテンプレートによって変更しない共通部分（例えばメニューバーとかコピーライトとか）をモジュール化するというのはありだと思うんですが、それはMT4的モジュールの使い方じゃないですしね。

実際にカスタマイズしたテンプレートを作ってみて、それをバラしていった方が理解も早まるような気がするし、とりあえず最初の段階ではモジュールなしにしてみました。

最初っから初心者用にモジュールなしのテンプレートにしてくれりゃよかったのに...。って、それじゃMT4の良さをアピールできないか。（それが良いところなのかは分かりませんが。）

モジュールは「mt:setvarblock」というタグから始まってるんですが、これ、シックスアパートのリファレンスに載ってないんですよ。「MTSetVarBlock」ってのならあるんですが、これと一緒ってこと？.....と思って調べていったら、これ、どうやら変数によって書き込む内容を変更させるためのもののよう。

全テンプレート共通のモジュールとは言え、テンプレートごとに吐き出す内容を変えてるってことなんですね。。。。んなら最初からテンプレートに書き込んじゃえよ！みたいな。。。

こうすることで、メインページテンプレートでヘッダーモジュールが読み込まれた場合は、モジュール側で「main_templateという変数を持ってたら、ここ、書かなくていいからね。」みたいな命令を出して書き出す内容を変えている、ということみたい。

......。こーゆーこと、ちゃんと説明してくれないと、最初っからやる気なくしちゃうじゃないのさ。。。

テンプレートによって書き出す内容が変わるということは、ヘッダーモジュールからこの部分を削除して、テンプレートごとに見合ったものを直に書き出すようにすれば結果は同じってことですよね。

ってことで、メインページのテンプレートから「<$MTInclude module="ヘッダー"$>」より上の部分を削除、そこにヘッダーモジュールの内容をコピペしてみました。（ただし、変数によって内容が変わるhead部分は書き直しました。）

ま、慣れてきてこの辺の仕組みがよーく分かるようになれば、作業簡略化のためにモジュールを使うというのもアリだと思いますが、MT4で初めてMovable Typeを触るよ！とか、MT3.34から乗り換えました！という場合は、モジュールなんてのは無視してそのままテンプレートをいじってった方がとっつきやすいカモ、です。

あ、こーゆー指定が必要な場合こそ、お金を払ってMovableType作成代行にお願いしちゃえばいいんだな。うん。

【追記】
メインページテンプレート冒頭の

<MTSetVar name="body_class" value="mt-main-index">
<MTSetVar name="main_template" value="1">
<MTSetVar name="main_index" value="1">
<MTSetVar name="sidebar" value="1">
<MTSetVarBlock name="title"><$MTBlogName encode_html="1"$></MTSetVarBlock>

これを削除したら、サイドバーが消えてしまいました(T_T)
（多分「name="sidebar" value="1"」ってのを消したからだと思うんだけど。。。）
全てのモジュールをテンプレートに移し終わるまでは、この部分、消さない方がよさそうです。

MT4って、モジュールやらCSSのインポートやらでパッと見ややこしくなっちゃってるけど、
そんなん無視してテンプレートに直接書き込んでいけばいいんじゃ☆

ま、モジュールはモジュールで使い道がありそうなのでちゃんと覚えようと思いますが、システムフォルダ内からのインポートなんて普段は絶対使わね。CSSはテンプレートに直接書き込むことにしよう。うん。そっちの方がメンテナンスしやすいし。（てか、どこに置いてあるか分からないようなファイルなんていじりたくないし。）

というのも、h3タグ、h4タグを入れても文字は大きくならないわ、dl、dt、ddタグを使っても右側にインデントができないわ。。。

dl、dt、ddはそんなに使うタグじゃないかもしれないけど、h3、h4あたりは普通に使うでしょうに。。。

イラッとしながらも、cssのテンプレートに下記のように追記。

p｛font-size:14px;margin:15px 0;line-height:150%;}
h3{margin:30px 0 15px;font-size:16px;font-weight:bold;}
h4{margin:15px 0;font-size:14px;font-weight:bold;}
dl{margin:15px 0;}
dt{font-weight:bold;}
dd{margin-left:40px;}

普通にCSSが書いてあればいいんだけど、MT4はシステムフォルダ内のファイルをインポートしてるので、ちょっとした修正ができません。ったく、使いづれぇ...。