JUGEMの最近のコメントとトラックバックをツリー化してみました。
JUGEMカスタマイズ講座さんの
こちらのスクリプトをお借りしました。
タグの変更
{recent_comment_list}
↓
<div id="commentlist">{recent_comment_list}</div>
{recent_trackback_list}
↓
<div id="tblist">{recent_trackback_list}</div>
テンプレートの</body>の直前にavaScriptを挿入
ツリー化カスタマイズ応用偏をみてカスタマイズ
スクリプト
↓
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
gTreeOption['sort'] = true;
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
gTreeOption['sort'] = false;
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
CSS
↓
ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(アップした通常用の画像ファイルURL);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(アップした末端用の画像ファイル);
}
私が使っているのは
こんな画像ですご自由にお持ち帰りください。。。。
そんな奇特な方はいないかもしれませんが。
そしてそれをさらに応用した、
JUGEMでサブカテゴリーがあるように見せるツリー化
まめの一言さんの
こちらの記事を見てカスタマイズさせていただきました。
スクリプトを少し足すだけです。