「Movable Type WEBデザインの新しいルール」

P114～P115 の「3-6：テンプレート・タグのカスタマイズ」を行うと、カテゴリーアーカイブでブログ記事が1件しか表示されなくなるという不具合がみつかりました。

理由は、ブログ記事表示件数（ブログ管理画面の「設定」→「ブログの設定」→「ブログ記事」→「ブログ記事表示数」）の設定が、カテゴリーアーカイブにも適用される設定になっているためです。

カテゴリーアーカイブで全てのブログ記事を表示するには、「デザイン」→「テンプレート」→「アーカイブテンプレート」→「ブログ記事リスト」を開き、中ほどにある、

<MTEntries limit="auto">

にある limit 属性を削除し、

<MTEntries>

とするか、lastn 属性を付与し、

<MTEntries lastn="5">

としてください。テンプレート変更後、再構築を行えば完了です。

解説ですが、limit 属性の "auto" という値は、ブログ設定画面の「ブログ記事表示数」を適用することを意味します。
lastn 属性は「最新のn件を表示する」という意味です（上記の例では最新5件を表示）。
属性がない場合は、該当するブログ記事をすべて表示します。

3-10「背景画像を利用する」の手順2で、ヘッダにロゴつきの背景画像を与えています。この画像にトップページへのリンクを設定する方法を紹介します。

書籍に掲載している方法では画像にリンクを設定できないため、img 要素をテンプレートモジュール「ヘッダー」に設定します。またそれにあわせて、スタイルシートも設定します。
手順2を行わず、その代わりに以下の2つのタイプのうち、いずれかの設定を行ってください。

１．シンプルタイプ

ヘッダー（抜粋）

<div id="header"> <a href="<$MTBlogURL$>" accesskey="1"><img src="<$MTBlogURL$>images/logo.png" alt="ロゴ" title="xxxのトップページへ" /></a> </div>

スタイルシート（メイン）

/* ヘッダ */ #header { border-bottom: 1px solid #bed5b4; height: 120px; width: 800px; overflow: hidden; /* 表示領域を超えた画像を非表示にする */ }

この方法は簡単ですが、h1 要素が存在しないので、SEO的には不利かもしれません。

２．SEOを考慮したタイプ

こちらは h1 属性も含んでいます。ただし、画像サイズがヘッダ表示領域と一致している必要があります。
サンプルサイトのヘッダー表示領域（800px × 120px）に合わせた画像ファイル（logo_800x120.png）を用意しましたので、ダウンロードしてお使いください（ファイル名は ダウンロード後、logo.png に修正してください）。

logo_800x120.png

ヘッダー（抜粋）

<div id="header"> <div><p><a href="<$MTBlogURL$>" accesskey="1"><img src="<$MTBlogURL$>images/logo.png" alt="ロゴ" title="xxxのトップページへ" /></a></p></div> <h1 id="blog-name">First Weblog</h1> </div>

スタイルシート（メイン）

/* ヘッダ */ #header div { position: relative; } #header div p { position: absolute; top: 0; left: 0; }

３．注意事項

• img 要素の alt 属性（画像が表示されない場合の代替テキスト）は必須です。
• img 要素の title 属性を記述しておけばヘッダにマウスをポイントした時にツールチップが表示されます。

それではよろしくお願い致します。

P130 の手順11で説明している中の「ウェブページ（div.page）」のデータがテンプレートからもれておりました。
ご利用の皆様にはご迷惑おかけして大変申し訳ございません。

修正につきましては、本サポートブログで配布している「小粋空間テンプレート」より

• [Indexes]styles.mtml
• [Modules]page_detail.mtml

の2ファイルを差し替えるか、下記のいずれかのリンクよりテンプレートをダウンロードし、

• template_4_0_utf8_1_6.zip
• template_4_0_utf8_1_6.lzh

その中にある

• styles.mtml
• page_detail.mtml（ウェブページの詳細）

の2ファイルを差し替え願えます。

なお、テンプレートの変更点は下記の2箇所です。すでにカスタマイズが進んでいる場合は、テンプレート編集画面上で該当部分のみを書き加えて頂いた方が、手戻りが少なくなります。

●スタイルシート（メイン）

以下の内容を任意の位置（ファイルの末尾等）に追加してください。

/* ウェブページ */
div.page {
    margin-top: -5px;
}

●ウェブページの詳細

1行目について下の変更を行ってください。

変更前

<div class="entry" id="entry-<$MTPageID$>">

変更後（class 属性値に "page" を追加）

<div class="entry page" id="entry-<$MTPageID$>">

ご不明な点がありましたら「フィードバック」よりご連絡ください。

Chapter3-4「テンプレートを入れ替えてデザインを変更する」の作業で、ダウンロードしたテンプレートが文字化けする等の原因で作業がうまくできない場合、サンプルデータに「小粋空間テンプレート」を追加しましたので、こちらをご利用ください。

それではよろしくお願い致します。

「5-9：メールフォームを設置する」の手順4・手順7に記載されている「メールフォーム用サンプルデータ」の掲載が不足しておりました。この場をお借りしてお詫び申しあげます。
11月5日、不足分のサンプルデータは追加致しましたのでご利用ください。

ブログ「小粋空間」ではMovable Typeに関する情報をお届けしています。

上記ブログを効率的に購読するには、6-5「管理系フィードを利用する」で解説している「livedoor reader（RSSリーダー）」のご利用をお勧めします。

以下、「小粋空間」のRSSリーダーへの登録方法です。

まず、livedoor reader の登録方法は、本書の6-5「管理系フィードを利用する」の手順1から手順5までを、そのまま進めてください。

次に、手順6、手順7はスキップし、下記のURL（小粋空間のRSSフィードURL）をマウスコピーして、手順8のテキストフィールドに入力し、あとは手順10まで解説にしたがって進めてください。

http://www.koikikukan.com/atom.xml

手順11で、ブログの情報が表示されればOKです。

また、本サポートサイトのRSS（下記）も併せて登録しておくと、より便利でしょう。

http://www.koikikukan.com/syoeisya/book/mt/rss.xml