これをメインページのような右サイドメニューのページに見やすく整理します。
前回までのモジュール化でページをまとまりごとに分けたのであとは切り貼りするだけ。カンタンです♪
ＭＴ管理画面左メニューから、「テンプレート」→「アーカイブ」→「カテゴリー・アーカイブ」をクリックしてカテゴリーページのテンプレートを開きます。バックアップをお忘れなく！
デフォルトのメインページ同様、<div>～</div>が入れ子になってます。テンプレートも見づらいですね。
スッキリさせましょう。
ページのデザインは基本的にメインページと一緒です。
左側に表示されるのはそのカテゴリーのエントリー、ということなります。
【デフォルトから削除したもの】
メインページへのリンク（あとでパンくずリストをつける予定です）
投稿者、日時、パーマリンク
投稿者、日時、パーマリンク
【付け足したもの】
カテゴリー名の表示
カテゴリーに属するエントリーのタイトル一覧
右サイドのメニュー
カテゴリーに属するエントリーのタイトル一覧
右サイドのメニュー
【カテゴリー・アーカイブテンプレートのソース】
このままコピペして使ってもらって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" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$> アーカイブ</title>
</head>
<body>
<div id="container">
<!--バナー開始-->
<$MTInclude module="header"$>
<!--バナー終了-->
<!--左側開始-->
<div id="left">
<$MTArchiveCategory pmhc=""$>
<MTEntries>
<ul>
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </ul>
</MTEntries>
<MTEntries>
<$MTEntryTrackbackData$>
<a id="a<$MTEntryID pad="1"$>"></a>
<div id="entry-<$MTEntryID$>">
<h3><$MTEntryTitle$></h3> <MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
<$MTEntryBody$>
<MTEntryIfExtended>
<p>
<a href="<$MTEntryPermalink$>#more"> "<$MTEntryTitle$>" の続きを読む»</a>
</p>
</MTEntryIfExtended>
<p><MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</p>
</div>
</MTEntries>
</div>
<!--左側終了-->
<!--右側開始-->
<div id="right">
<$MTInclude module="menu"$>
</div>
<!--右側終了-->
<div style="clear: both; "></div>
<!--フッター開始-->
<$MTInclude module="footer"$>
<!--フッター終了-->
</div>
</body>
</html>
こんな感じです。赤の矢印が指している部分以外はメインテンプレートと同じレイアウトになっています。
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=<$MTPublishCharset$>" />
<meta name="generator" content="Movable Type <$MTVersion$>" />
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$MTBlogURL$>atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$> アーカイブ</title>
</head>
<body>
<div id="container">
<!--バナー開始-->
<$MTInclude module="header"$>
<!--バナー終了-->
<!--左側開始-->
<div id="left">
<$MTArchiveCategory pmhc=""$>
<MTEntries>
<ul>
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </ul>
</MTEntries>
<MTEntries>
<$MTEntryTrackbackData$>
<a id="a<$MTEntryID pad="1"$>"></a>
<div id="entry-<$MTEntryID$>">
<h3><$MTEntryTitle$></h3> <MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
<$MTEntryBody$>
<MTEntryIfExtended>
<p>
<a href="<$MTEntryPermalink$>#more"> "<$MTEntryTitle$>" の続きを読む»</a>
</p>
</MTEntryIfExtended>
<p><MTIfCommentsActive>| <a href="<$MTEntryPermalink$>#comments">コメント (<$MTEntryCommentCount$>)</a></MTIfCommentsActive>
<MTIfPingsActive>| <a href="<$MTEntryPermalink$>#trackback">トラックバック (<$MTEntryTrackbackCount$>)</a></MTIfPingsActive>
</p>
</div>
</MTEntries>
</div>
<!--左側終了-->
<!--右側開始-->
<div id="right">
<$MTInclude module="menu"$>
</div>
<!--右側終了-->
<div style="clear: both; "></div>
<!--フッター開始-->
<$MTInclude module="footer"$>
<!--フッター終了-->
</div>
</body>
</html>
