パンくずリスト:これは必須。MovableType4 なら設置は簡単だ ・・・ 【機能カスタマイズ】

 ※この原稿は、以前のブログから移植されたもので
  内容が、今のブログにそぐわないものもございます。


 サイトに「パンくずリスト」は必須だ。
 ・サイト利用者のためにも
 ・SEO対策の目的でも
 ・サイトの構造も把握できる

 組み込むにあたり、
 ・できるだけ 将来 楽になりたい ために
  できうる限り「テンプレートモジュール」を利用する
 ・ここ1ヶ所に記述し
  各テンプレートからincludeするのだ。

◆1:テンプレートタイプの判別
 ・Movable Type3 の頃は大変だったようだが
  4では、いろいろと変数も整備されているようで、簡単。

  ・アーカイブテンプレートに設定される予約変数
   (Movable Type4 ドキュメント)
   にある変数を利用する

 ・「パンくずリスト」を用意するのは
  ・カテゴリ(category_archive)
  ・各アーカイブの年別・月別・週別・日別アーカイブ
   (datebased_archive)
  ・ブログ記事(entry_archive)
  ・ウェブページ(page_archive)

  で、それぞれ()の中の変数がセットされている

◆2:テンプレートモジュールの準備
 ・pankuzu_links の名前で(なんでもいいけど)
  次のソースを準備

<mt:If name="main_index">

<mt:Else>
<div id="pankuzu_links"><a href="<$MTBlogURL$>">トップページ</a>
<mt:If name="category_archive">
<!-- カテゴリ -->
>
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>
</MTParentCategories>
</mt:If>
<mt:If name="datebased_archive">
<!-- 各アーカイブの年別・月別・週別・日別アーカイブ -->
>
<$MTArchiveTitle$>
</mt:If>
<mt:If name="entry_archive">
<!-- ブログ記事 -->
>
<MTParentCategories glue=" > ">
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a>
</MTParentCategories>
> <$MTEntryTitle$>
</mt:If>
<mt:If name="page_archive">
<!-- ウェブページ -->
>
<$MTEntryTitle$>
</mt:If>
</div>
</mt:If>


 ・まず、メインページ(設置しない)かどうかの判別
 ・次にそれぞれの変数のセットを判断して
  それぞれごとに「パンくずリスト」を準備
 ※その際、共通部分
  「トップページ」などは外におく

◆3:スタイルシートの編集
 ・スタイルシートテンプレートに追加

#pankuzu_links{
margin:5px 0px 5px 10px;
padding:5px 0px 5px 10px;
}

 ・とりあえず mardin と padding だけ

◆4:各テンプレート
 ・上記の4つに関係する(私の場合は)
  ・カテゴリ(カテゴリ別ブログ記事リスト)
  ・各アーカイブの年別・月別・週別・日別アーカイブ
   (月別ブログ記事リスト)
  ・ブログ記事(ブログ記事)
  ・ウェブページ(ウェブページ)
  ※()内はテンプレート名
 に、

<div id="content-inner">
<$mt:Include module="pankuzu_links"$>
<div id="alpha">

 ・私のスタイルの場合は、ここ

 ▼

(実行)

無事、「パンくすリスト」が表示された!

コメントする

閉じる