個別記事

前後の記事

MTのサブカテゴリ導入

この記事が属するカテゴリー
Movable Type

web&blogカテゴリへのエントリーが増すにつれ、さすがに細分化した方が良いなと思い、ホント今更なんですが、重い腰を上げてやっとサブカテゴリを導入することに。今のままだと検索サイトには引っかかりやすいのですが、ユーザからしてみれば目的のものが見つけにくいし、やっぱある程度区分を明示しておいた方が良いかと思い至った訳です。すいませんウソつきました、ただ面倒くさかっただけです。（やってみたら作業はアッという間でしたが）

で、基本的に僕は親カテゴリの中に子カテゴリのエントリーは含まなくて良いと言う考えで、つまり、web&blogカテゴリーの中でグルーピング出来るモノはサブカテゴリにまとめ、あぶれたモノは親カテゴリに残すと言う事です。親カテゴリの中で、またグルーピング出来るくらいエントリーが増えたものに関しては適宜サブカテゴリを作成して行こうかなと。各カテゴリ件数表示を追加した以外、そのまま何も弄らず下記のソースをサイドのカテゴリ表示部分にサクッと貼っただけです。

<h2>カテゴリー</h2>

<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$> items]
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>

サブカテゴリの表示に関しては、縦横10pxの画像 リストマーク を作成し、CSSで背景画像として指定しました。補足すると、この前にlist-style-type: none;で、リストマーカー無しにしているって言う事と、list-style-imageでリストマーカーの画像指定が出来ますが、うまくセンターに配置出来なかったりするので、背景画像の方が確実だと思います。

.sidebar li li {
        font-size: 100%;
        margin-top: 5px;
        padding-left: 12px;
        background: url(img/list.gif) left center no-repeat;
}

一つのカテゴリに収まらないモノ、例えばMovable Typeに関する事だけど、CSSを使ってゴニョゴニョってヤツは、「エントリーの編集」画面の「複数のカテゴリーを設定する」にて複数のカテゴリを設定しました。

考えがコロコロ変わる僕のために、親カテゴリに子カテゴリのエントリも含めたくなった時のやり方を覚え書きとして残しておきます。やり方は、Category Archive テンプレートの<MTEntries>～</MTEntries>タグをそれぞれ<MTEntriesWithSubCategories>～</MTEntriesWithSubCategories>タグに変更するだけです。亜細亜ノ蛾さんの「MT でサブカテゴリ以下も全て表示させるには?」を参考にさせて頂きました。

2004-12-28T19:51:47+09:00 | コメント (0) | トラックバック (2) |はてなブックマーク

関連性が高いエントリー 5 件

トラックバック

このエントリーのトラックバックURL:
http://WWW.lucky-bag.com/cgi/mt/mt-tb.cgi/109

このリストは、次のエントリーを参照しています: MTのサブカテゴリ導入:

Ui-ed さんからのトラックバック
MT3.12へ
MT3.12で、サブカテゴリが使えるとい... [続きを読む]
2005年02月06日 01:37
まじっくblog(仮) さんからのトラックバック
サブカテゴリー
　MovableTypeのバージョンを2.661から3.1xに変更して、これまで... [続きを読む]
2005年08月19日 11:23

コメント

"MTのサブカテゴリ導入"へのコメントはまだありません。

コメントしてください

コメント内ではタグは一切使えません。コメント内にてタグを表記したい場合は、お手数ですが、文字実体参照を利用して < を &lt; 、> を &gt; とそれぞれ置き換えてください。




保存しますか?


(V) (P)