お知らせ

Movable Type プロフェッショナル・スタイル MT4.1対応 2008年4月8日

Movable Typeプロフェッショナル・スタイル」が発売されました。
Movable Typeの第一線に関わる人々の共著で、Movable Typeをビジネスサイト構築に活かすテクニックが満載です。
Movable Typeでサイト構築を行っているWeb制作会社等の方々にお勧めです。

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

メールフォームプラグインV1.20(その2・サンプルメールフォーム)

| コメント(6) | トラックバック(0)

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件)

トラックバック(0件)

このブログ記事を参照しているブログ一覧: メールフォームプラグインV1.20(その2・サンプルメールフォーム)

このブログ記事に対するトラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/793.

コメント(スレッド6件,コメント6件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

プラグインについてご質問をされる方は、ご自分のBlogのURLを必ず入力してください。
また、プラグインの開発やサポートを継続的に行えるようにするために、ドネーション(寄付)をしていただけると幸いです。
金銭的寄付だけでなく、精神的寄付も歓迎します。
ドネーションのページはこちら

No.1 散歩道 : (無題)

コメントフォーム用プラグインをお借りして無事にフォームを付けることができました、ありがとうございました。

No.2  Author Profile Page: (無題)

>散歩道さん
こんにちは。
メールフォームプラグインをご利用いただき、ありがとうございました。

No.3 erekiman Author Profile Page: (無題)

メールフォームプラグインと、MT標準テンプレ用のサンプルメールフォームを使わせてもらいました。ありがとうございます怒り
報告なのですが、サンプルメールフォームのタイトルとメールアドレスと本文のlabelタグのfor要素がinputタグのid要素と一致していませんでした!
今後使用する方のために修正されておくといいかもです。
(上記のようになっているのはMT標準テンプレのみで、小粋空間用のものは問題ないようです)

P.S.
つい最近まで、Fujimotoさんのブログにアクセスすると、どのページでも403エラーが返され続けていました嫌な感じ
今はこのように問題ないのですが、どうなっていたんでしょうかねぇ~。

No.4 erekiman Author Profile Page: (無題)

別に怒っていた訳ではなかったんですが、よく確認しなかったもので、投稿したコメント内の最初の絵文字が怒りになってました嫌な感じ
すいませんです嫌な感じ

No.5 erekiman Author Profile Page: (無題)

すいません;
最初のコメント内で要素と属性を誤っていました;
id要素でもfor要素でもなく、id属性とfor属性でしたね;
何度も失礼致しました。
よろしくお願いします。

No.6  Author Profile Page: (無題)

>erekimanさん
こんにちは。

サンプルメールフォームの不具合をご指摘いただき、ありがとうございました。
修正してアップロードしなおしておきました。

コメントする

管理者のみにコメントを送信したい場合は、「コメントを秘密にする」のチェックをオンにしてコメントを送信するか、メールフォームからメールをお送りください。

ブログ全体の感想など、この記事に直接に関係しないコメントは、ゲストブックにお気軽に投稿してください。


アーカイブ

ブログパーツ

ステータス