★ようこそ♪ ここは“ななおっちと遊んで。+あーちゃんの遊び場+”のコンテンツの１つです

Diary

count::
PageNavi::

----- INFO -----　　　

§ entry navi:: << *ブログが変(￣_￣ i)ﾀﾗｰ | main | ::(住）近所のアメ車 >>
§ category navi:: << +『続きを読む』変更プラグイン | - | +SBスパムフィルター（簡易版）入れてみた >>　

+個別エントリーリストプラグイン

2006.6.1 Thu PM 11:13|Category : *Serene Bach系 > +Serene Bach系カスタマイズ|Edit

The blog of H.Fujimoto
●管理人＠藤本　壱（ふじもと　はじめ）さま

こちらでご紹介されている　ブログプラグインを今回導入してみました。

どうゆうものかというと
blogをいくつかのジャンル＝Categoryに分けて更新されてる方が多いかと思います
あたしもその１人です。
更新していくにつれてカテゴリー件数が増えてきます
自分でも一発で目的の記事に行き当たりたいと思うこともあります
一番下のブログ内検索で記事を探すのもありですが
これを使ってカスタマイズすると
ブログカテゴリーを押すとリストが出るというプラグインです

同一カテゴリーエントリー出力プラグイン(Serene Bach用)←こちらからＤＬできます♪

上記の記事内にも設置方法の説明をされてますが
もうちょっと深く説明を追加してみましょう～（偉そうだ

開発者様の記事内の通り作業を進めると無事にリストは形成されます。
そのままでも良いのですが
フォントの大きさ色ブログ内の表示位置など各ブログによって装飾？！すると
見やすくなるのではないかな？

開発者様のサイト内に書かれてる追加タグを
ベースHTMLテンプレート内のの上あたりに入れると良いのかな？
あたしはそうしてみました。

<dl id="cat_entry">
<dt id="cat_entryname">Entries of Same Category</dt>
<dd id="cat_entrylist">{cat_entry_list}</dd>
</dl>

その後　CSSテンプレート内でこのリストの表示方法を設定してみました。
こちらでの表示方法を例えて書き出してみます。
これを追加するのもエントリーの前に入れると良いのかな？

/* 同一カテゴリーエントリーのタイトルの内容部分 */
#cat_entryname {
padding:5px 5px 5px 30px; /* 余白（上,右,下,左の順）*/
color:#E9FB15; /* タイトルの文字色*/
font-size:10px; /* タイトルの文字サイズ*/
font-weight:bold; /* 文字を太字にする*/
border-bottom:1px dashed #fff; /* 点線の下線を引く*/
}
/* 同一カテゴリーエントリーのリストの内容部分 */
#cat_entrylist {
padding:5px 5px 5px 45px; /* 余白（上,右,下,左の順）*/
color:#c1c1c1; /* 文字色*/
font-size:10px; /* 文字サイズ*/
line-height:1.6em; /* 行間*/
border-bottom:1px dashed #fff; /* 点線の下線を引く*/
}