Template Bank[テンプレートバンク]
テンプレートの作り方

1カラム型テンプレート:コメント・エラーページの作り方

Category : テンプレートの作り方

今回は、コメント・エラーページの作り方です。

コメント・エラーページは、コメントを投稿した際に、投稿内容に不備があった場合に表示されるページです。
例えば、コメントの本文に何も入力がない場合などに表示されます。
作り方は、とっても簡単ですよ。

では、さっそく、作り方を説明しましょう。


手順1:Movable Typeのメイン・メニューから、テンプレート⇒システム⇒コメント・エラーをクリックしてください。


手順2:表示されたテンプレートの内容ので、<body class="layout-one-column">を<body>と書き換えます。


手順3:<body>の次の行から</body>の前の行までの部分を削除します。※<body>と</body>は残しておいてね


手順4:そして、いつものように、”ページ全体の表示エリア”の開始を宣言します。

<div id="container">


手順5:これも、メインページやカテゴリーアーカイブページと同じように、タイトルエリア部分を記述します。

<div id="banner">
<h1><$MTBlogName encode_html="1"$></h1>
<h2><$MTBlogDescription$></h2>
</div>
<h1>〜</h1>のことをHTMLのh1タグって呼ぶます。意味は、一番大きな文字で表示するってことです。そして、<$MTBlogName encode_html="1"$>がブログタイトルを表して、<$MTBlogDescription$>がブログの説明を表します。


手順6:同様に、メインコンテンツがはじまることを宣言しましょう。

<div id="centent">


手順7:次に、コメント投稿でエラーが発生した旨のメッセージを表示してみます。

<h3 class="text_14">コメントの投稿でエラーが発生しました</h3>
「コメントの投稿でエラーが発生しました」の文は、ご自由に変更してくださいね。


手順8:次に、エラーの内容を表示します。

<$MTErrorMessage$>
<$MTErrorMessage$>は、発生したエラーメッセージを表します。


手順9:次に、投稿した人がどうしたらよいのか説明してあげましょう。

お手数ですが、ブラウザの[戻る]ボタンを押して、再度ご入力ください。


手順10:最後尾に、フッターを表示しましょう。

<div id="footer">
Copy Right (C) 2006 All rights reserved.
</div>


手順11:最後の最後に、ページ全体の終了を宣言します。

</div>


手順12:以上で、コメント・エラーページの記述は終了しました。「保存」ボタンをクリックしてください。システムテンプレートは、サイトを再構築する必要はありませんので、これで作業は終了です。


エラーが表示されたら、あわてずに、記述が間違っていないか、もう一度良く確認しましょう。

わからないことがあったら、なんでもお気軽に、コメントくださいね。

次は、コメント・保留ページを作ってみましょう。

関連記事
Category

Movable Typeとは、なぜMovable Typeを使うのか、Movable Typeのしくみ、テンプレートとは、プラグインとは、Movable Typeの基本を初心者にもわかりやすく解説します。

テンプレートの作り方、スタイルシートを使ったデザイン、プラグインの紹介と使い方、モジュール・テンプレートの使い方、1カラム型・2カラム型・3カラム型テンプレートの作り方などを初心者にもわかりやすく解説します。

1カラム型、2カラム型、3カラム型のテンプレートを作る方法

Movable Typeのスタイルシートを使って、オリジナルデザインにしよう

インストールのトラブル、記事(エントリー)投稿時のトラブル、サーバエラーやページが表示されないなどのMovable Typeに関する疑問・質問を解決します。

Movable Type3.2用のテンプレートを無料配布しています。 1カラム型、2カラム左サイドバー型、2カラム右サイトバー型、3カラム型、フリースタイルなど今後もどんどん追加する予定です。