TopMovable Typeカスタマイズカテゴリー > 親カテゴリーアーカイブに表示したサブカテゴリーのブログ記事にサブカテゴリー名を表示する
2009年9月 9日

親カテゴリーアーカイブに表示したサブカテゴリーのブログ記事にサブカテゴリー名を表示する

Posted at September 9,2009 12:35 AM
Category:[カテゴリー]
Tag:[, , ]

Movable Type の親カテゴリーアーカイブに表示したサブカテゴリーのブログ記事に、サブカテゴリー名を表示するカスタマイズです。「親カテゴリー名しか表示できません」というご質問を頂きましたので、本エントリーで紹介致します。

1.完成例

下のサンプルは、「days」という親カテゴリーアーカイブに、「days」カテゴリーのブログ記事と、そのサブカテゴリの「food」カテゴリーのブログ記事を表示したものです。

「food」カテゴリーのブログ記事「今日の晩ごはん」のカテゴリー名は「food」、「days」カテゴリーのブログ記事「ブログ始めました」のカテゴリー名は「days」になっています。

カテゴリー名にリンクがない場合
サンプル

カテゴリー名にリンクがある場合
サンプル

ちなみに、親カテゴリーアーカイブにサブカテゴリーのブログ記事を表示させるには、MTEntries タグの代わりに、MTEntriesWithSubCategories タグを利用しますが、詳細は下記の記事を参照願います。

関連記事:親カテゴリーアーカイブにサブカテゴリーのエントリーを表示する

2.カスタマイズ

冒頭の画面の位置にカテゴリを表示するには、ブログ管理画面の「デザイン」→「テンプレート」をクリックし、「ブログ記事の概要」をクリックして、以下の青色部分を追加します。

2.1 リンクなしのカテゴリー名を表示する場合

サブカテゴリに属するブログ記事のプライマリカテゴリを表示するには、MTEntryCategory を利用します。MTCategoryLabel では親カテゴリーのカテゴリー名が表示されてしまうので気をつけましょう。

...前略...
        <div class="asset-meta">
            <span class="byline">
    <mt:If tag="EntryAuthorDisplayName">
                <span class="vcard author"><$mt:EntryAuthorLink show_hcard="1"$></span> (<abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>)
    <mt:Else>
                <abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>
    </mt:If>
            </span>
<span class="separator">|</span> <mt:EntryCategory />
<mt:Unless name="hide_counts" eq="1">
            <mt:IfCommentsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#comments"><$mt:EntryCommentCount singular="コメント(1)" plural="コメント(#)" none="コメント(0)"$></a></mt:IfCommentsActive>
            <mt:IfPingsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#trackbacks"><$mt:EntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)" none="トラックバック(0)"$></a></mt:IfPingsActive>
</mt:Unless>
        </div>
...後略...

2.2 カテゴリーアーカイブへのリンクつきのカテゴリー名を表示する場合

カテゴリーアーカイブへのリンクつきのカテゴリー名を表示するには、さらに制御タグと MTCategoryArchiveLink タグ、MTCategoryLabel タグを組み合わせます。

...前略...
        <div class="asset-meta">
            <span class="byline">
    <mt:If tag="EntryAuthorDisplayName">
                <span class="vcard author"><$mt:EntryAuthorLink show_hcard="1"$></span> (<abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>)
    <mt:Else>
                <abbr class="published" title="<$mt:EntryDate format_name="iso8601"$>"><$mt:EntryDate format="%x %X"$></abbr>
    </mt:If>
            </span>
<span class="separator">|</span> 
<mt:EntryCategory setvar="category" />
<MTEntryCategories><mt:If tag="CategoryLabel" eq="$category"><a href="<$MTCategoryArchiveLink$>"></mt:If><$MTCategoryLabel$></a></MTEntryCategories>
<mt:Unless name="hide_counts" eq="1">
<mt:Unless name="hide_counts" eq="1">
            <mt:IfCommentsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#comments"><$mt:EntryCommentCount singular="コメント(1)" plural="コメント(#)" none="コメント(0)"$></a></mt:IfCommentsActive>
            <mt:IfPingsActive><span class="separator">|</span> <a href="<$mt:EntryPermalink$>#trackbacks"><$mt:EntryTrackbackCount singular="トラックバック(1)" plural="トラックバック(#)" none="トラックバック(0)"$></a></mt:IfPingsActive>
</mt:Unless>
        </div>
...後略...
Posted by yujiro   このページの先頭に戻る
関連記事
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)

Now loading...
Introduction
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 5.12