小粋空間テンプレートのパンくずリストをカスタマイズ

小粋空間さんのMT4テンプレートをカスタマイズしていってるわけだが、
パンくずリストをちょっと変えてみようと思った。その覚え書き。

個別記事のパンくずリストにおいて、元のソースはこのようになっている。

<div class="content-nav">
    <MTEntryPrevious>
    <a href="<$MTEntryPermalink$>">&laquo; <$MTEntryTitle$></a> |
    </MTEntryPrevious>
    <a href="<$MTLink template="main_index"$>">HOME</a>
    <MTEntryNext>
    | <a href="<$MTEntryPermalink$>"><$MTEntryTitle$> &raquo;</a>
    </MTEntryNext>
</div>

これで反映されるのは、
    前の記事へのリンク | HOME | 次の記事へのリンク
という表記。

これを、
    HOME
　    >> 所属カテゴリ一覧
　　    >>　記事名
という形に変えたかった。

そこで、以下のようにカスタマイズ

<div class="content-nav-top">
<a href="<$MTLink template="main_index"$>">「<$MTBlogName$>」トップ</a>
<br />　&raquo;<MTEntryCategories glue="|">
<a href="<$MTCategoryArchiveLink$>"> <$MTCategoryLabel$></a>
</MTEntryCategories>
<br />　　&raquo;<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
    </MTEntryPrevious>
</div>

ちなみに、これだけだとパンくずリストが宙に浮いた感じでダサイので、
左揃えにするためスタイルシートをいじった。

content-nav　から　.content-nav-top　というのをつくり、
text-align:center;　を　text-align:left;　へ変更しただけ。