November 03, 2003
各エントリーにカテゴリ名を表示
各エントリーにカテゴリ名を表示するテンプレート
カテゴリ名をどこに表示するかでテンプレートへの挿入位置が決まりますが、ここでは右寄せにする
作業手順は
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テンプレートと同じにする