Home > Movable Type > MTにテンプレートを改造したメールフォームを設置

MTにテンプレートを改造したメールフォームを設置

2006-01-04 (水)
Movable Type

メールフォームは気軽なコミュニケーション方法

blogにはコメントやトラックバックなど様々な形で意見や感想・反論を伝えたり、知り得たりする機会があります。
エントリーに関係のない気軽なコミュニケーションの場としてBBSを設置しているところもあります。
ただ、中には公開して欲しくない・公開しない方がいい場合もあるでしょう。
blog投稿者のメールアドレスがわかれば直接メールするという方法もありますが中にはメールを出すという行為に躊躇いや抵抗を感じたりする場合もあるかもしれません。

気軽にメッセージを受け取る手法としてメールフォームという選択肢もあるかと思います。
メールアドレスを公開しないということでblog投稿者にとってもスパムの原因になりにくいのではと思います。
このcaramel*vanillaも去年の7月からP mail 2というPHPスクリプトのメールフォームを設置しはじめました。
(ある種のエントリーにはコメントでなくメールフォームでコンタクトを取られることが多い場合もあります)
ファイル添付もできるなかなかの優れもので機能的にも十分すぎるくらいのメールフォームなのですが、ご存知の通りMT3.2からライセンスの変更があり限定個人ライセンスでもblogを無制限に作成できるようになったことですしこれを利用しない手はないかなと。
コメント機能とメール通知機能を利用すれば簡単にメールフォームを設置することができそうです。

MTのテンプレートを改造したメールフォーム

設置の流れ

1.)メールフォーム用blogの作成と設定
2.)テンプレートを修正
3.)メールフォーム用のエントリー作成

MTはコメント投稿に関する細かい設定が可能です。
メールアドレスの入力を必須としなければ意見・反論・叱咤・激励などを気軽にPOSTしてもらう為ができるかもしれません。
(いたずらは勘弁していただきたいですが…)
通常はコメント保留の際に表示されるメッセージをメール送信完了のメッセージに代えるため、設定で「即時に公開するコメント」を「なし」として全て承認待ちの状態にすることとします。

設置方法

1.)メールフォーム用blogの作成と設定
メールフォーム専用のblogを新規に作成
(MT3.2の場合　システム・メニュー→ブログ→ブログを新規作成)
[設定例]

blogを作成したらシステム・メニュー→設定より設定の確認と修正
■新規投稿の項目でチェックする点
・コメントを受信にチェック

■コメント/トラックバックの項目でチェックする点
・投稿を受け付ける条件→すべて
・メールアドレスの入力を必須としない場合→メールアドレスの要求のチェックをはずす
・即時に公開するコメント→なし
・メール通知→設定する
・HTMLの利用を許可→チェックをはずす

2.)テンプレートを修正
■インデックス・テンプレート
*スタイルシート
・メインblogのスタイルシートを不必要なスタイル指定は削除した上でコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
[注]イメージ等のパスで<$MTBlogURL$>を使っている場合は絶対パスに変更
*JavaScript→このまま
※上記以外のインデックス･テンプレートは削除しても可

■アーカイブ・テンプレート
*エントリー・アーカイブ
1.メインblogのエントリー・アーカイブをそっくりそのままコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
2.エントリー関係のタグは<$MTEntryTitle$>と<$MTEntryBody$>以外(カテゴリーや日付等)は削除
3.コメント表示部分とトラックバック関係の部分をそっくり削除
[注]イメージ等のパスで<$MTBlogURL$>を使っている場合は絶対パスに変更
※上記以外のアーカイブ・テンプレートは削除しても可

わかりにくいかもしれないのでデフォルトのテンプレートを修正した場合のソースを載せておきます。

<!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" /> <title><$MTEntryTitle remove_html="1"$></title> <link rel="start" href="<$MTBlogURL$>" title="Home" /> <MTEntryPrevious><link rel="prev" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" /></MTEntryPrevious> <MTEntryNext><link rel="next" href="<$MTEntryPermalink$>" title="<$MTEntryTitle encode_html="1"$>" /></MTEntryNext> <$MTEntryTrackbackData$> <MTBlogIfCCLicense> <$MTCCLicenseRDF$> </MTBlogIfCCLicense> <script type="text/javascript" src="<$MTBlogURL$>mt-site.js"></script> </head> <body class="layout-one-column" onload="individualArchivesOnLoad(commenter_name)"> <div id="container"> <div id="container-inner" class="pkg"> <div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="メインblogのTOPページへの絶対パス">メインblog名</a></h1> <h2 id="banner-description"><$MTBlogDescription$></h2> </div> </div> <div id="pagebody"> <div id="pagebody-inner" class="pkg"> <div id="alpha"> <div id="alpha-inner" class="pkg"> <h3 class="entry-header"><$MTEntryTitle$></h3> <div class="entry-content"> <div class="entry-body"> <$MTEntryBody$> </div> </div> <MTEntryIfCommentsOpen> <form method="post" action="<$MTCGIPath$><$MTCommentScript$>" name="comments_form" onsubmit="if (this.bakecookie.checked) rememberMe(this)"> <input type="hidden" name="static" value="1" /> <input type="hidden" name="entry_id" value="<$MTEntryID$>" /> <div class="comments-open" id="comments-open"> <h2 class="comments-open-header">Mail Form</h2> <div class="comments-open-content"> <script type="text/javascript">  </script> <div id="comments-open-data"> <div id="name-email"> <p> <label for="comment-author">Name: </label> <input id="comment-author" name="author" size="30" /> </p> <p> <label for="comment-email">Mail: </label> <input id="comment-email" name="email" size="30" /> </p> </div> <p> <label for="comment-url">URL: </label> <input id="comment-url" name="url" size="30" /> </p> <p> <label for="comment-bake-cookie"><input type="checkbox" id="comment-bake-cookie" name="bakecookie" onclick="if (!this.checked) forgetMe(document.comments_form)" value="1" /> Remember personal info?</label> </p> </div> <p id="comments-open-text"> <label for="comment-text">Message: </label> <textarea id="comment-text" name="text" rows="10" cols="30"></textarea> </p> <div id="comments-open-footer" class="comments-open-footer"> <input type="submit" accesskey="s" name="post" id="comment-post" value=" Submit " /> </div> </div> </div> </form> </MTEntryIfCommentsOpen> </div> </MTIfCommentsActive> </div> </div> </div> </div> </div> </div> </body> </html>

※PHPでパーツごとにテンプレートを分割している場合インクルードすればメインblogのカテゴリーなどもそのまま表示できます。

■システム･テンプレート
*コメント・保留
1.メインblogのコメント・保留テンプレートをそっくりそのままコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
2.タイトルの変更
[例]
<title>メッセージ送信完了</title>

3.メッセージの変更
元のテンプレートの以下の箇所を探します。
<h3>コメントを受け付けました。</h3> <p>コメントを受け付けました。受け付けたコメントは、ブログの管理者の承認のため保留されています。</p> <p><a href="<MTEntryLink>">エントリーのページに戻る</a></p>

メッセージを受け付けた旨の内容に書き換えます。
[例]
<h3>メッセージを受け付けました。</h3> <p>メッセージを受け付けました。どうもありがとうございました。</p> <p><a href="TOPページへの絶対パス">TOPページに戻る</a></p>

3.)メールフォーム用のエントリー作成
タイトルをメールやコンタクトなどとしてメールフォームに載せる説明でエントリーを書きます。
[例]
メールフォームです。
ご意見・ご感想などお気軽にメッセージください。
返信が必要な場合はメールアドレスをお忘れなく…
(メールアドレスは必須ではありません)

メッセージの受信

設置が終わったら投稿テストをしてみましょう。
無事設置できていればblog投稿者のメールアドレスに即座に通知が届きます。
メーラーからもblogの管理画面上からもメッセージを確認することができます。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

Newer: links for 2006-01-04
Older: 2006 New Year バナーコレクション

Home > Movable Type > MTにテンプレートを改造したメールフォームを設置

Categories

Archives

Search

Feeds

RSS2.0
ATOM

Page Top