Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

MovableTypeにサイトマップを作る

Dec292005
Vote:
http://bizcaz.com/archives/2005/12/29-000947.php
Categories: Customize
Tags: Customize, MovableType, Sitemap
Social Bookmark

Prev Page: カテゴリを任意の順番に並べ替える
Next Page: RSS1.0テンプレートを追加する

たいていの本には必ず目次が付いています。＜br /> ほとんどの人は、まず目次を見ておおまかな内容を確認する、または目次とかあらすじを見て、目的の内容だったり、興味ある内容を確認してから本編の方へと読み進んでいくと思うんです。

ということで、MovableType(ムーバブルタイプ)にも目次( サイトマップ )を付けちゃいましょう (￣∇￣)b

サイトマップの作り方

以下のコードをトップページに貼り付けるとか、サイトマップ用のページを作ってそれに貼り付けます。
お好みでいろいろカスタマイズしてください。

<div id="sitemap">
<div class="sitemap-head">サイトマップ</div>
<div class="sitemap-body">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><h3><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryLabel decode_html=1 remove_html=1$>"><$MTCategoryLabel decode_html="1" remove_html="1"$></a> [<$MTArchiveCount$>]</h3>
<div id="categories<$MTCategoryID$>">
<ul>
<MTEntries sort_order="ascend">
<li><a href="<$MTEntryPermalink$>" title="<$MTEntryTitle$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</div>
<MTElse>
<li><h3><$MTCategoryLabel decode_html="1" remove_html="1"$></h3>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>

スタイルシートも作ってみました。

#sitemap  {
padding: 0px;
margin: 0px;
}
#sitemap div.sitemap-head {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: x-large;
font-weight: bold;
text-align: center;
padding:3px;
color:#090;
border-top:2px solid #dff;
border-right:2px solid #77d;
border-bottom:2px solid #77d;
border-left:2px solid #dff;
background-color: #beb;
}
#sitemap div.content-body {
margin: 0px;
padding: 5px;
text-align: left;
font-family: Verdana, Arial, sans-serif;
font-size: large;
}
#sitemap div.description {
font-size: small;
}
#sitemap h3 {
font-family: Verdana, Arial, sans-serif;
font-size: large;
font-weight: bold;
text-align: left;
color:#090;
padding:3px;
border-bottom:2px solid #77d;
margin-bottom: 10px;
}
#sitemap ul    {
padding-left: 0px;
margin-left: 30px;
}
#sitemap ul ul {
padding-left: 0px;
margin-left: 10px;
padding-bottom: 10px;
}
#sitemap li {
line-height: 150%;
font-size: medium;
}

ちょっと聞いた話によると、トップページに各ページのリンクを張っておくと、SEO的にもいいんだそうです。
同様に各ページ間でリンクを張るのもいいそうですよ。

SEE YOU♪