コメントのレスをちょっとラクチンに…

なかよしこよしさんのエントリー(なかよしこよし: コメントする画面を使いやすく)を読んでmt-link-numberというプラグインが気になったんですが閲覧者同士で活発な意見交換をするわけでもないのでレス付けの時だけでもちょっとラクチンになるようにテンプレートをいじってみました。

参考にさせていただいたのは以下のサイト様です。
なかよしこよし: コメントする画面を使いやすく
bricklife.library."mt-link-number"　←プラグイン配布元

どんな感じになるかと言うと…

↑のコメント表示部分の[res?]画像をクリックすると…

自動的にコメントフォームまでフォーカスしてレス用の文字列が入力済になるのです。
これだけならプラグインは必要ありません。

以下導入方法です。

1)個別エントリーアーカイブテンプレートのhead内に以下のJavaScriptを追加します。

function insertCommentRef(n) { document.comments_form.text.value += ">>" + n + "\n"; document.comments_form.text.focus(); }

2)コメントフォームの適当な場所に以下のタグを追加します。
[RES]をクリックした時のリンク先になります。

<a name="comment-form"></a>

3)コメント表示部分に以下のタグを追加します。
ウチでは画像をリンクにしています。

<a href="#comment-form" onClick="insertCommentRef(' <$MTCommentAuthor$>さん')">[RES]</a>

後はリビルドして完了です。