MTでカテゴリー、サブカテゴリーを表示するパンくずリストの作り方

MTでカテゴリー、サブカテゴリーを表示するパンくずリストの作り方

サブカテゴリーがある場合は、メインカテゴリーにリンクあり。サブカテゴリーがない場合は、メインカテゴリーにリンクなし。のパンくずリストを作るのが少しややこしいと思ったので紹介しておこうと思います。

ここからが続き

ブログ記事リストに追加する

<ul class="pankuzu">
	<li><a href="/">TOP</a></li>
<MTHasNoParentCategory>
	<li>> <$MTCategoryLabel$></li>
</MTHasNoParentCategory>
<MTHasParentCategory>
	<MTTopLevelParent>
		<li>> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li>
	</MTTopLevelParent>
		<li>> <$MTCategoryLabel$></li>
</MTHasParentCategory>
</ul>

ブログ記事に追加する

<ul class="pankuzu">
	<li><a href="/">TOP</a></li>
<MTParentCategories>
	<MTIfNonZero tag="MTCategoryCount">
		<li>> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li>
		<MTElse><li><$MTCategoryLabel$></li></MTElse>
	</MTIfNonZero>
</MTParentCategories>
	<li>> <$MTEntryTitle$></li>
</ul>

日付アーカイブに追加する

ここは簡単なんですが、メモついでに書いておく事にします。

<ul class="pankuzu">
	<li><a href="/">TOP</a></li>
	<li>> <$MTArchiveTitle$></li>
</ul>

CSS

ついでに上記ソースをそのままコピペするなら下記ソースをCSSに記述して貰えればそのまま使えますよ。
(テキストの色やリンクの色は好きにつけて下さいね)

.pankuzu	{
	width: 100%;
}
.pankuzu li	{
	display: inline;
	margin-right: 5px;
}

Related Article

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)