風見鶏の目

ブログツールMovable Type(以下MTと略す)のテンプレートを作成するにあたり、トラックバック欄やコメント欄を「2ちゃんねる」のスレッドのように表示したいと思い、以前から試行錯誤をしていた。基本的に各コメントに通し番号を付ける程度であれば、テンプレートのHTMLでリスト表示のタグを付けるだけでよいのだが、トラックバックはそれなりのものができるが、コメントだけは投稿欄とコメント本文の間に妙な空間ができて、トラックバックのリストと統一感がとれない。その理由はコメント本文を<p>タグで挟む仕様になっているからである。この<p>タグを消せば、HTMLのタグだけでレイアウトを自由に触ることができるのだが、不思議なことに、この<p>タグはテンプレートのどこにも存在しないのである。

では、この<p>はどこで付け加えられるのだろうか。実は「Util.pm」というファイルに記述されているのだ。このファイルは以下の場所にある。

MTをインストールしたフォルダ /lib/MT/Util.pm

この「Util.pm」ファイルをテキストエディタで開くと、MT4.25の場合、484行目を削除するか、行頭に「#」を付けることで、コメント本文に<p>タグを消すことができる。具体的には下記の箇所である。

sub html_text_transform {
my $str = shift;
$str = '' unless defined $str;
my @paras = split /\r?\n\r?\n/, $str;
for my $p (@paras) {
if ($p !~ m@^</?(?:h1|h2|h3|h4|h5|h6|table|ol|dl|ul|menu|dir|p|pre|center|form|fieldset|select|blockquote|address|div|hr)@) {
$p =~ s!\r?\n!<br />\n!g;
# $p = "<p>$p</p>";
}
}
join "\n\n", @paras;
}

上記に赤で記載した「#」を追加して、サーバーに上書き保存し、次にテンプレートを編集し、再構築する。なおMTのバージョンアップごとにこの箇所を修正する必要があるので注意していただきたい。

参考までに当サイトで使用している「トラックバック」と「コメント詳細」のテンプレートも公開する。もし、このテンプレートを使われる方がいましたら、当記事にトラックバックをいただければ幸いである。基本的にはMT標準のテンプレートでHTMLタグだけを触っているため、そのままでも使用できると思われるが、作り込んでいる方は適宜、変更していただきたい。表示のサンプルとして、当ブログで比較的トラックバック、コメントが付いているこの記事をご参考頂きたい。

• トラックバック

<mt:IfPingsActive> <div id="trackbacks" class="trackbacks">     <h4 class="trackbacks-header"><$mt:EntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)" none="トラックバック(0)"$></h4>     <mt:IfPingsAccepted>     <div class="trackbacks-info">         <p>トラックバックURL<br /><$mt:EntryTrackbackLink$></p>     </div>     </mt:IfPingsAccepted>     <div class="trackbacks-content">         <div class="trackback">             <div class="inner">                 <div class="trackback-content">     <mt:Pings>         <mt:PingsHeader>       <ol>         </mt:PingsHeader>       <li id="ping-<$mt:PingID$>"><$mt:PingBlogName$> - <a href="<$mt:PingURL$>"><$mt:PingTitle$></a> ： <a href="#ping-<$mt:PingID$>"><$mt:PingDate$></a></li> <ul><li><$mt:PingExcerpt$><a href="<$mt:PingURL$>">続きを読む</a></li></ul>         <mt:PingsFooter> </ol>        </mt:PingsFooter>     </mt:Pings>                 </div>             </div>         </div>     </div> </div> </mt:IfPingsActive>

• コメントの詳細

<li id="comment-<$mt:CommentID$>"<mt:IfArchiveTypeEnabled archive_type="Individual"></mt:IfArchiveTypeEnabled> <mt:setvarblock name="comment_author_link">     <mt:IfCommenterIsAuthor>  <$mt:CommenterName encode_html="1"$>         <mt:Else>         <mt:CommentAuthorLink no_redirect="1">     </mt:IfCommenterIsAuthor> </mt:setvarblock> <mt:IfCommentParent> <$mt:var name="comment_author_link"$>から<a href="<mt:CommentParent><$mt:CommentLink$></mt:CommentParent>"><mt:CommentParent><$mt:CommentAuthor$></mt:CommentParent></a>への返信 <mt:Else>                     <$mt:var name="comment_author_link"$> </mt:IfCommentParent> ：  <a href="<$mt:CommentLink$>" title="<$mt:CommentDate format_name="iso8601"$>"><$mt:CommentDate$></a> <mt:Unless name="comment">     <mt:IfCommentsAccepted> | <$mt:CommentReplyToLink$>     </mt:IfCommentsAccepted> </mt:Unless> </li> <ul><li><$mt:CommentBody$></li></ul>

※「コメント詳細」テンプレートでは<$mt:CommentAuthorLink no_redirect="1"$>というタグを用いていますが、コメント掲載時の投稿者の名前にリンクのリダイレクトページを無効にする設定をしています。リダイレクトページを有効にする場合は「no_redirect="1"」を削除してください。また、コメントの「返信」欄からコメントをした場合でも、そのコメントはツリーにはならず、通常に通し番号が振られて表示されます。