お知らせ
2008年4月8日
「Movable Typeプロフェッショナル・スタイル」が発売されました。
Movable Typeの第一線に関わる人々の共著で、Movable Typeをビジネスサイト構築に活かすテクニックが満載です。
Movable Typeでサイト構築を行っているWeb制作会社等の方々にお勧めです。
他にも多数書籍を執筆しています。
こちらもぜひご覧ください。
メールフォームプラグインV1.20(その2・サンプルメールフォーム)
2007年1月27日
メールフォームプラグインにクロスサイトスクリプティングの脆弱性等の不具合が見つかりました。申し訳ありません。
こちらのエントリーをご参照の上、最新版にアップデートしてください。
メールフォームプラグインV1.20では、さまざまな形式のメールフォームを作ることができます。
ただ、いきなり詳細を解説すると難しいかと思いますので、まずはサンプルのメールフォームを設置する手順を解説します。
なお、サンプルのメールフォームは、名前/題名/メールアドレス/本文を入力して送信するだけの、シンプルなものです。
1.ファイルのダウンロード
まず、サンプルのファイルをダウンロードします。
Movable Type標準テンプレートに合わせたものと、小粋空間のテンプレートに合わせたものがあります。
ご自分の環境にあった方をダウンロードしてください。
Movable Type標準テンプレート用のサンプルメールフォーム
小粋空間テンプレート用のサンプルメールフォーム
ファイルはzip形式になっていますので、ダウンロードが終わったら解凍します。
以下の4つのファイルが含まれています。
| ファイル名 | 内容 |
|---|---|
| mail_form.txt | メールフォームのテンプレート |
| mail_preview.txt | 送信前確認ページのテンプレート |
| mail_error.txt | 送信エラーページのテンプレート |
| mail_post.txt | 送信完了ページのテンプレート |
2.メールフォームテンプレートの作成
次に、メールフォーム関連のテンプレートを順に作成します。
まず、Blogのメニューで「環境設定」の中の「テンプレート」をクリックして、テンプレート一覧のページを開きます。
そして、その右上の方にある「テンプレートを新規作成」のリンクをクリックして、インデックステンプレートを新規作成します。
インデックステンプレートの名前と出力先ファイル名は、自由につけていただいてかまいません。
例えば、名前は「メールフォーム」にして、ファイル名は「mailform.html」にでもしておくと良いでしょう。
そして、「テンプレートの内容」の欄に、メールフォームのテンプレート(mail_form.txt)の内容をすべて貼り付けます。
また、サンプルのメールフォームには、エントリー等の情報を出力するタグは入っていません。
したがって、一度再構築したら、通常は再構築をやり直す必要はありません。
再構築が再度必要になるのは、Blogの名前/説明/アドレスを変えたときと、Movable Typeをバージョンアップしたときだけです。
そこで、「インデックス・テンプレートを再構築するときに、このテンプレートを自動的に再構築する」のチェックはオフにしておきます。
ここまでが終わったら、このテンプレートを保存し、再構築しておきます。
3.送信前確認ページ等のテンプレートの作成
次に、送信前確認ページ等のテンプレートを作成します。
これらのテンプレートは、テンプレート・モジュールとして作ります。
Blogのメニューで「環境設定」の中の「テンプレート」をクリックして、テンプレート一覧のページを開きます。
そして、「モジュール」のタブに切り替え、その右上の方にある「モジュールの新規作成」のリンクをクリックして、テンプレート・モジュールを新規作成します。
「テンプレート名」の欄に「mail_preview」と入力し、にし、「モジュールの内容」の欄に、送信前確認ページのテンプレート(mail_preview.txt)の内容をすべて貼り付けて保存します。
同様の手順で、送信エラーページ(mail_error.txt)は「mail_error」という名前のテンプレートモジュールに保存し、送信完了ページ(mail_post.txt)は「mail_post」という名前のテンプレートモジュールに保存します。
4.動作の確認
ここまでで、メールフォームが完成します。
手順2で作ったメールフォームにアクセスして、動作を確認します。
5.前後のエントリー
メールフォームプラグインは解説が長いので、エントリーを複数に分けています。
前後のエントリーは以下のリンクで参照することができます。
前のエントリー(その1・概要とインストール)
次のエントリー(その3・基本的なメールフォームのテンプレート)
また、サイドバーの「関連するエントリー」の箇所に、メールフォーム関連のエントリーの一覧が表示されていますので、そちらもご利用ください。
前後の記事
関連するエントリー(13件)
- メールフォームプラグインV1.30(その1・概要)(2007年05月30日 09:30)
- メールフォームプラグインV1.20(その12・サイドバー用Ajaxメールフォーム)(2007年02月09日 09:27)
- メールフォームプラグインV1.20(その11・メールフォームのAjax化)(2007年02月04日 13:40)
- メールフォームプラグインV1.20(その10・メール本文のカスタマイズ)(2007年02月03日 10:22)
- メールフォームプラグインV1.20(その9・自動返信)(2007年02月02日 10:27)
- メールフォームプラグインV1.20(その8・入力エラーのチェック)(2007年02月01日 08:45)
- メールフォームプラグインV1.20(その7・ラジオボタン/セレクトの追加)(2007年01月31日 10:00)
- メールフォームプラグインV1.20(その6・チェックボックスの追加)(2007年01月29日 09:36)
- メールフォームプラグインV1.20(その5・テキストの入力欄の追加)(2007年01月28日 10:48)
- メールフォームプラグインV1.20不具合修正(2007年01月27日 22:28)
- メールフォームプラグインV1.20(その4・送信前確認等のテンプレート)(2007年01月27日 11:00)
- メールフォームプラグインV1.20(その3・基本的なメールフォームのテンプレート)(2007年01月26日 08:56)
- メールフォームプラグインV1.20(その1・概要とインストール)(2007年01月23日 11:10)
トラックバック(0件)
このブログ記事を参照しているブログ一覧: メールフォームプラグインV1.20(その2・サンプルメールフォーム)
このブログ記事に対するトラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/793.


コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
プラグインについてご質問をされる方は、ご自分のBlogのURLを必ず入力してください。
また、プラグインの開発やサポートを継続的に行えるようにするために、ドネーション(寄付)をしていただけると幸いです。
金銭的寄付だけでなく、精神的寄付も歓迎します。
ドネーションのページはこちら
コメントフォーム用プラグインをお借りして無事にフォームを付けることができました、ありがとうございました。
>散歩道さん
こんにちは。
メールフォームプラグインをご利用いただき、ありがとうございました。
メールフォームプラグインと、MT標準テンプレ用のサンプルメールフォームを使わせてもらいました。ありがとうございます

報告なのですが、サンプルメールフォームのタイトルとメールアドレスと本文のlabelタグのfor要素がinputタグのid要素と一致していませんでした
今後使用する方のために修正されておくといいかもです。
(上記のようになっているのはMT標準テンプレのみで、小粋空間用のものは問題ないようです)
P.S.
つい最近まで、Fujimotoさんのブログにアクセスすると、どのページでも403エラーが返され続けていました
今はこのように問題ないのですが、どうなっていたんでしょうかねぇ~。
別に怒っていた訳ではなかったんですが、よく確認しなかったもので、投稿したコメント内の最初の絵文字が
になってました

すいませんです
すいません;
最初のコメント内で要素と属性を誤っていました;
id要素でもfor要素でもなく、id属性とfor属性でしたね;
何度も失礼致しました。
よろしくお願いします。
>erekimanさん
こんにちは。
サンプルメールフォームの不具合をご指摘いただき、ありがとうございました。
修正してアップロードしなおしておきました。