RSS1.0 RSS2.0 Atom


November 03, 2003

各エントリーにカテゴリ名を表示 icon_clip.gif

各エントリーにカテゴリ名を表示するテンプレート
カテゴリ名をどこに表示するかでテンプレートへの挿入位置が決まりますが、ここでは右寄せにする

作業手順は
1.CSSで書式を設定する。
2.HTMLで表示するレイアウトを決める。
という2段階に分かれます。

1.Stylesheetテンプレートにcategory書式を作る
まず最初にStylesheetテンプレートにcategory書式を作る。
次のコードをStylesheetテンプレートに書き加えます。


.category {
font-family: "ヒラギノ明朝 Pro W6", Osaka, "MS Pゴシック", trebuchet
MS, trebuchet, verdana, arial, sans-serif;
font-size: x-small;
color: #999;
text-align:right;
text-decoration: none;
}

2.Main Indexテンプレートで表示する場所を決める
書式を設定したところで、次にMain Indexテンプレートを書き換えてカテゴリ名を表示する位置を指定する。


<div class="blogbody">
<a name="<$MTEntryID pad="1"$>"></a> <h3 class="title"><$MTEntryTitle$></h3>
<div class="category">[ <MTEntryCategories glue=", "> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> </MTEntryCategories>]</div>
<$MTEntryBody$>

3.Category Archiveテンプレートで表示する位置を決める
カテゴリー別に表示した場合も同じように表示するために、Category Archiveテンプレートを
Main Indexテンプレートと同じにする

Posted by Ken at November 3, 2003 11:14 AM