カテゴリーのツリー化でも紹介している共有プラグインTree-CATEGORYについて、大見出し前にアイコン画像を設置するカスタマイズを紹介します。


Tree-CATEGORYのプラグインHTMLを編集します。

～
/*---------------------- グループ（大カテゴリ） --------*/
C[1]="GROUP-A,1,2,3";
C[2]="GROUP-B";
/*---------------------------------------------------*/
for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}}
for (i=1;i<C.length;i++){ p=C[i].split(','); l=p.length; if(l>1){
I=I+'<p><img src="http://～"> <b>'+p[0]+'</b><br />';
for (k=1;k<l;k++){ q=p[k]-1;
if(k==l-1) {I+="&nbsp;└ "} else {I+="&nbsp;├ "}
I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />'; A[q].title="-";
} I+='</p>';
} }
～

上記箇所の<img src="http://～">にアイコンのURLを記述してください。

これで大見出しの前にアイコン画像が設置されます。

関連記事

• 画像をランダムに変える (2007/01/22)
• 新着記事に新着表示「NEW」マークを付けて目立たせる (2007/01/19)
• 便利なトラックバックURL表示 (2007/01/18)
• Tree-CATEGORYの大見出しの前にアイコンを設置する (2007/01/18)
• 記事下部の日付、カテゴリ、トラックバック、コメントを編集する。 (2007/01/15)
• サイトマップの各記事に日付を表示する (2007/01/14)
• ブログのサイトマップの作り方 (2007/01/02)