＜サイトマップ／ RSS＞

2004年07月02日

自動で更新されるサイトマップfor MovableType

Posted at 21:55 ＼ Comments (0) ＼ TrackBack (3)

MovableTypeの扱いにもだいぶん慣れてきたし、エントリー数も増えてきたのでそろそろサイトマップが欲しいなぁって考えるようになりました。けどサイトマップを更新するのは非常に面倒です。
それで色々調べて見るとありました！このBlogを参考にさせて頂き、新しいエントリーを書くと自動的に更新されるサイトマップを作ってみました。

ちょっと難しそうに聞こえますがやり方は非常に簡単です。参照先と私が使用しているサーバー環境が違うのでちょっと要らない部分は削って作ってみました。
【作成手順】
(1)MovableTypeの管理画面にアクセスし、｢Templateの編集」をクリックします。
(2)「新しいインデックス・テンプレートを作る」をクリックします。(下の画像参照)

(3)｢テンプレートの作成｣画面になるので以下の通り入力します。(画像参照)

テンプレートの名前：sitemap template
出力ファイル名：sitemap.html
※インデックス・テンプレートを再構築するときにこのテンプレートを自動的に再構築するに必ずチェックを入れてください。
このテンプレートにリンクするファイル：空欄でOKです。
テンプレートの中身：私が作ったものでよろしければ以下を参照下さい。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>; lang=ja" >
<title><$MTBlogName$>: Site Map</title>



<link rel="stylesheet" href="styles-site.css" type="text/css">
<script language="javascript" type="text/javascript">
function OpenComments (c) {
    window.open(c,
                    'comments',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
</script>
<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>
</head>
<body>
<div id="inbox1">

<div class="blog">
<br>
<h1><a href="<$MTBlogURL$>"><$MTBlogName$></a> Site Map </h1> <center>
<br>
<MTCategories>
<table cellspacing=1 width=80% border=0 cellpadding=3 bgcolor="#3399CC">
<tr>
<td width=70% bgcolor="#3399CC" align="left"><font color="#FFFFFF">▼ <a href="<$MTCategoryArchiveLink$>"><$MTCategoryDescription$></a> カテゴリー</font></td>
<td width=30% bgcolor="#3399CC"><font color="#FFFFFF">記事を書いた日</font></td
</tr>
<MTEntries>
<tr>
<td bgcolor="#FFFFFF" align="left"><font color="#444444">
・<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></font>
</td>
	<td bgcolor="#FFFFFF"><font color="#444444">
	<$MTEntryDate format="%Y/%m/%d"$></font>
	</td>
	</tr>
  	</MTEntries>
</table>
</MTCategories> 
</div>
</center>
<br clear="all" />
</div>
</body>
</html>

テーブル内の罫線色や背景色は自分好みに変えてください。
で、保存⇒再構築(インデックス：sitemap template)を行います。

ここまででもOKですが、左右画面いっぱいにサイトマップがまたがるのが嫌な方は
(4)｢テンプレートのリスト｣から「Stylesheet」を選択し、以下の記述を書き加えてスタイルシートを再構築して下さい。

横幅や背景などは適当に自分好みにアレンジしてください。
以上でサイトマップの完成です！

TrackBack URL :

[ CATEGORY: WEBLOG（ブログ）＞ Movable Typeカスタマイズ ]

＜サイトマップ／ RSS＞

Mainページ ＞ WEBLOG（ブログ） ＞ Movable Typeカスタマイズ ＞ 自動で更新されるサイトマップfor MovableType

自動で更新されるサイトマップfor MovableType

Mainページ＞ WEBLOG（ブログ）＞ Movable Typeカスタマイズ＞自動で更新されるサイトマップfor MovableType