今回はMovbleTypeのプラグインを使用して、パン屑リストを作成した際に
自分の好きなデザイン（仕様）をあてたい！と思ったので、その備忘録です。

使用したプラグインとしたかったこと

使用したプラグインは以下のものです。

■プラグインのダウンロード
Breadcrumbs.0.03

■プラグインのインストール
各FTPからpluginsディレクトリにアップロードしてください。設定項目は特にありません。

■追加されるテンプレート タグ
①MTBreadcrumbs
パンくずリストを生成するためのコンテナタグ。このコンテナタグ内部では以下のテンプレートタグが使えます。

②MTBreadcrumbsHeader/MTBreadcrumbsFooter
一番最初と最後のナビゲーションを生成する時にだけ呼ばれる条件タグ。

③MTBreadcrumbsTitle
リンクのタイトル

④MTBreadcrumbsLink
リンクのURL

したかったことは、
・最初をサイトのタイトルではなく、「ホーム」や「トップ」にする
・最後のリンクにはaタグをつけない
でした。

基本的な書き方は以下の通り。

<MTBreadcrumbs glue="&gt;">
<a href="<$MTBreadcrumbsLink$>"><$MTBreadcrumbsTitle$></a>
</MTBreadcrumbs>

したかったことを実行する

まず、一つ目の、最初をサイトのタイトルではなく、「ホーム」や「トップ」にする。
これは、私top_labelというものがあるのを知らずに、分岐して以下のようなコードを指定してました…。

<div class="breadcrumbs">
<ul>
<MTBreadcrumbs glue="&gt;">
<mt:if name="__first__">　//最初のページはこっちをループ
<li><a href="<$MTBreadcrumbsURL$>">ホーム</a></li>
<mt:else>　//それ以外はこっち
<li><a href="<$MTBreadcrumbsURL$>">
<$MTBreadcrumbsLabel escape="html"$>
</a></li>
</mt:if>
</MTBreadcrumbs>
</ul>
</div>

最初のページと他のページでわざわざ分岐していたんです笑

でも実際は以下でOKでした…。

<MTBreadcrumbs top_label="トップ" glue="&gt;">
<a href="<$MTBreadcrumbsLink$>"><$MTBreadcrumbsTitle$></a>
</MTBreadcrumbs>

上記ソースのトップの部分をホームにすれば、好きな名前に変更できます。

次に、2つ目の最後のリンクにはaタグをつけない、です。

これはやり方を探したのですがいいものが見つからず、結局JSで制御しました。
他にもいいやり方がある方はご指摘いただけると幸いです。

  $(function() {
  // 最後のaタグのみ削除
  $('.breadcrumbs li:last-child').children().contents().unwrap();
});

これで最後のaタグを外すことができます！

みなさんの実際にMTでパン屑リストを実行する際に試してみてください～！

• blog,
• code,
• Movabletype