カテゴリーリストにエントリータイトルを表示する
Movable Type のカテゴリーリストにエントリータイトルを表示するカスタマイズです。
オーソドックスなカスタマイズですが、MT をブログとして用いるのではなく、投稿するエントリー数がある程度決まっていて、それらを更新するというスタイルで使う場合、カテゴリーリストをメニューリストとして代用することができ、非常に有効な方法です。
1.デフォルトテンプレートの場合
カテゴリーリストに青色の部分を追加してください。
<MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content">
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<ul class="module-list"><MTEntries><li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle encode_html="1"$></a></li></MTEntries></ul>
<MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
</MTIfArchiveTypeEnabled>
2.公開テンプレートの場合
カテゴリーリストに青色の部分を追加してください。サンプルは XHTML 1.0 Strict 版を使っていますが、それ以外のものでも追加位置と追加内容は同じです。
<MTIfArchiveTypeEnabled archive_type="Category">
<dt class="sidetitle">
Categories
</dt>
<dd class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<ul><MTEntries><li><a href="<$MTEntryPermalink$>"><$MTEntryTitle encode_html="1"$></a></li></MTEntries></ul>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</dd>
</MTIfArchiveTypeEnabled>
- Movable Type6で記事のない親カテゴリのカテゴリページを出力する方法
- Movable Typeでブログ記事が属するカテゴリアーカイブのリンクをブログ記事ページに表示する
- Movable Typeで「カテゴリ+年別」の記事一覧を表示する方法
- Movable Typeで親カテゴリーアーカイブに表示した記事のメインカテゴリまでのパンくずリストを表示する
- Movable Typeのカテゴリのベースネームについて
- Movable Typeで複数ブログのブログ記事を同名のカテゴリ別に振り分ける方法
- Movable TypeのMTIfCategoryタグとMTEntryIfCategoryタグの違い
- Movable Typeのカテゴリリストで階層別に背景画像を変更する
- Movable Typeのカテゴリ・フォルダで特定の最上位階層を表示しない方法
- Movable Typeのカテゴリリストにダミーの親カテゴリを表示する
- MTEntriesタグのcategoryモディファイアに「AND」を含むカテゴリを指定する
- ブログ記事ページに自分が属するカテゴリのツリーと直属カテゴリの他のブログ記事一覧を表示する
- Movable Type 5でのMTEntriesタグのcategory/catgoriesモディファイアの動作改善について
- 親カテゴリーアーカイブにサブカテゴリーのブログ記事を表示する場合に特定のサブカテゴリーのブログ記事をフィルタリングする
- 特定のカテゴリのブログ記事を表示する
≫ ブログを少しリニューアル from うさぎ四姉妹日記
今日はかなりの暑さだった。午後に出かけたが、立っているだけで疲れが出てくる有様... [続きを読む]
こんばんは。
以前こちらの記事を使ってカテゴリーのページを作らせていただきましたが、
IE7に変えてから各カテゴリーにトップのタイトルだけCSSが効いていません。
IE6とFireFoxでは問題なく表示されていますが。IE7特有のバグなのでしょうか?
また、お時間のあるときで結構ですので、よかったら対策など教えていただけないでしょうか?
※カテゴリーのページはこちらです。
いつもお世話になっています。
貴著の「カテゴリーリストにブログ記事タイトルを表示する」を使ってみたのですが、カテゴリー名とブログ記事に同一のcircleが表示されて少々見難いと思っています。カテゴリー名にarrow.gifを使い、タイトルはcircleを使う場合の設定方法を教えていただくと助かります。
#Toppageのリサイザーをクリックすると、一瞬表示はされるのですが、すぐにファイルが無いと蹴られてしまいます。IE7のせいでしょうか。
>ヨンシマイさん
こんばんは。
ご質問の件ですが、すぐには原因が分かりません。
申し訳ありません。
>mdotさん
こんばんは。
ご質問の件ですが、サブカテゴリーリストのCSSを下記に入れ替えてください。arrow.pngのパスは適宜書き換えてください。
/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
padding-left: 0;
}
.side #categories ul ul {
padding-left: 10px;
}
.side #categories li {
padding-left: 16px;
list-style: none;
background: url(arrow.png) no-repeat 0 0.3em;
}
.side #categories li li {
background: none;
padding-left: 0;
list-style-type:disc;
}
また、Column Resizer は申し訳ありませんがFirefoxでご利用ください(IEの不具合が対応できておりません)。
それではよろしくお願い致します。
yujiroさん、どうもありがとうございます。
見よう見まねで、カテゴリーにcircle、タイトルにdiscを表示できたので、
まあ、これで良いかと思っていましたが、折角なので実行しました。
#大分見られるものとなってきました。
いつもありがとうございます。
次にScodeプラグインに関する質問をさせていただきます。(^^;)
>mdotさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようで良かったです。
ではでは!
yujiroさん、お返事ありがとうございました!
対策の方は、もうあきらめました。
実はカテゴリーのページをやめまして、
妻のブログを替わりにナビゲーションに配置しました。
お手数かけました。お時間をとっていただき感謝しています。
>ヨンシマイさん
こんばんは。
ご連絡ありがとうございました。
お役に立てず申し訳ありません。
ではでは!