コメントのスレッド表示

コメントをスレッド表示したくてプラグインを探したところ、MTThreadedCommentsを見つけた。
ソースカスタマイズ、データベーステーブルの変更を行うので、自身のある人だけにした方が良いです。

MTThreadedComments のインストール

MTThreadedComments.pl を MT plugins にダウンロードします。

# wget http://akosut.com/software/download/MTThreadedComments.pl
ソースにパッチを当てるんですが、説明はバージョン2.6なので3.121-jaとは異なっています。3.121-ja の場合は下記の通りです。
MTインストール先/lib/MT/Comment.pm

*** Comment.pm Tue Jan 25 17:15:57 2005 — Comment.pm.org Thu Jun 17 20:53:32 2004 *************** *** 11,20 **** __PACKAGE__->install_properties({ columns => [ ‘id’, ‘blog_id’, ‘entry_id’, ‘author’, ‘commenter_id’, ! # MTThreadedComments Modify From ! # ‘visible’, ‘email’, ‘url’, ‘text’, ‘ip’, ! ‘visible’, ‘email’, ‘url’, ‘text’, ‘ip’, ‘subject’, ‘parent_id’, ! # MTThreadedComments Modify To ], indexes => { ip => 1, — 11,17 —- __PACKAGE__->install_properties({ columns => [ ‘id’, ‘blog_id’, ‘entry_id’, ‘author’, ‘commenter_id’, ! ‘visible’, ‘email’, ‘url’, ‘text’, ‘ip’, ], indexes => { ip => 1, *************** *** 24,32 **** email => 1, commenter_id => 1, visible => 1, – # MTThreadedComments Modify From – parent_id => 1, – # MTThreadedComments Modify To }, audit => 1, datasource => ‘comment’, — 21,26 —-

MTインストール先/lib/MT/App/Comments.pm

 *** Comments.pm Tue Jan 25 13:22:27 2005 — Comments.pm.org Wed Oct 20 02:36:02 2004 *************** *** 419,428 **** $comment->email(remove_html($email)); $comment->url(MT::Util::is_valid_url($url, ‘stringent’)); $comment->text($q->param(‘text’)); – # MTThreadedComments Modify From – $comment->subject($q->param(‘subject’)); – $comment->parent_id($q->param(‘parent_id’)); – # MTThreadedComments Modify To return ($comment, $commenter); } — 419,424 —- *************** *** 465,473 **** (is_valid_email($comment->email)? (comment_email => $comment->email):()), comment_url => $comment->url, – # MTThreadedComments Modify From – comment_subject => $comment->subject, – # MTThreadedComments Modify To comment_text => $comment->text, unapproved => !$comment->visible(), ); — 461,466 —- *************** *** 830,838 **** my $ctx = MT::Template::Context->new; $ctx->stash(‘entry’, $entry); – # MTThreadedComments Modify From – $ctx->stash(‘comment_parent_id’, $q->param(‘parent_id’)); – # MTThreadedComments Modify To $ctx->stash(‘commenter’, $cmntr) if ($cmntr); $ctx->{current_timestamp} = $entry->created_on; my %cond = ( — 823,828 —-
データベースのテーブルを拡張します。

mysql> use MT_DATABASE_NAME;
Database changed
mysql> alter table mt_comment add column comment_subject text;
Query OK, 0 rows affected (0.39 sec)
Records: 0 Duplicates: 0 Warnings: 0

mysql> alter table mt_comment add column comment_parent_id integer;
Query OK, 0 rows affected (0.24 sec)
Records: 0 Duplicates: 0 Warnings: 0

mysql> alter table mt_comment add index comment_parent_id(comment_parent_id);
Query OK, 0 rows affected (0.24 sec)
Records: 0 Duplicates: 0 Warnings: 0

以上でインストールは完了しました。

テンプレートの修正

プラグイン作者によると、コメントの入力フローを変更する必要があると言っています。

個別エントリーアーカイブにはコメント入力フォームは表示せず、入力フォームを開く為のリンクを表示する。
コメント・リストのテンプレート（Comment Listing Template）をコメント入力フォームとして、コメントを入力する対象となったエントリー又はコメントを表示する。

だそうです。
では、修正します。
※ ここでは、コメント部のレイアウト変更を適用されていることを前提としています。

Nested Comments テンプレート追加
[テンプレート・モジュール]-[新しいテンプレート・モジュールを作る]にてスレッド表示用のコメントテンプレートを追加します。名前は、Nested Comments とします。

 <MTIfCommentSubject> <h3 class="title"><$MTCommentSubject$></h3> </MTIfCommentSubject> <$MTCommentBody$> Posted by: <$MTCommentAuthorLink spam_protect="1"$> on <$MTCommentDate$> <MTEntryIfCommentsOpen> | <a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>;parent_id=<$MTCommentID$>“>Reply to this</a> </MTEntryIfCommentsOpen> <MTCommentIfChildren> <div class="comments-nest-box"> <MTCommentChildren> <div class="comments-body"> <$MTInclude module="Nested Comments" $> </div> </MTCommentChildren> </div> </MTCommentIfChildren>
個別エントリーアーカイブの修正
<MTComments>タグ内を下記のように変更します。

 <div class="comments-body"> <MTCommentUnlessParent> <$MTInclude module="Nested Comments" $> </MTCommentUnlessParent> </div> 

コメント入力部(<MTEntryIfCommentsOpen>タグ内)を下記のように変更します。

<a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>“>新しいコメント</a>
コメント・リストのテンプレートの修正
<MTComments>タグ内を下記のように変更します。

<MTCommentPreviewUnlessParent> <div class="blogbody"> <h3 class="title"><$MTEntryTitle$></h3> <$MTEntryBody$> <$MTEntryMore$> <div class="posted"> Posted by <$MTEntryAuthor$> at <$MTEntryDate$> </div> </div> </MTCommentPreviewUnlessParent> <MTCommentPreviewIfParent> <MTCommentPreviewParent> <div class="comments-body"> <h3 class="title"><$MTCommentSubject$></h3> <$MTCommentBody$> Posted by <$MTCommentAuthorLink spam_protect="1"$> at <$MTCommentDate$> </div> </MTCommentPreviewParent> </MTCommentPreviewIfParent> 

<MTComments>タグに属性として lastn=”1″ を追加する。
Comment Fields List テンプレートの修正
コメントを入力する為のTEXTAREAの直前に下記内容を追加する。

<input type="hidden" name="parent_id" value="<$MTCommentPreviewParentID$>” /> <label for="subject">Subject:</label> <MTCommentPreviewUnlessParent> <input id="subject" name="subject" value="Re: <$MTEntryTitle encode_html="1" $>” /> </MTCommentPreviewUnlessParent> <MTCommentPreviewIfParent> <MTCommentPreviewParent> <input id="subject" name="subject" value="<$MTCommentResponseSubject encode_html="1" $>” /> </MTCommentPreviewParent> </MTCommentPreviewIfParent>
Comment Fields Previewテンプレートの修正
コメントを入力する為のTEXTAREAの直前に下記内容を追加する。

<input type="hidden" name="parent_id" value="<$MTCommentPreviewParentID$>” /> <label for="subject">Subject:</label> <input id="subject" name="subject" value="<$MTCommentPreviewSubject encode_html="1"$>” />
スタイルシートテンプレートの修正
下記内容を追記します。

 .comments-nest-box { padding-left:15px; border-left:5px solid #AAA; }

以上で完了です。
ちゃんと表示されるかテストしてください。

MNPZ.BLOG

コメントのスレッド表示

関連記事:

「コメントのスレッド表示」への4件のフィードバック

コメントを残すコメントをキャンセル

関連記事:

「コメントのスレッド表示」への4件のフィードバック

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル