5-9：メールフォームを設置する: 「Movable Type WEBデザインの新しいルール」

手順4（メールフォーム用テンプレート）: <form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi" id="mail_form"> <div class="mail-content"> <p> <label for="mail_author">お名前:</label> <input id="mail_author" name="mail_author" tabindex="1" accesskey="n" size="30" value="" /> </p> <p> <label for="mail_email">メールアドレス:</label> <input id="mail_email" name="mail_email" tabindex="2" accesskey="m" size="30" value="" /> </p> <p> <label for="mail_subject">件名:</label> <input id="mail_subject" name="mail_subject" tabindex="3" accesskey="s" size="30" value="" /> </p> <p> <label for="mail_text">本文:</label> <textarea id="mail_text" name="mail_text" tabindex="4" accesskey="t" cols="50" rows="10"></textarea> </p> <p> <input type="submit" tabindex="5" accesskey="v" name="mail_preview" id="mail_preview" value="確認" /> <input type="submit" tabindex="6" accesskey="s" name="mail_post" id="mail_post" value="送信" /> <input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" /> </p> </div> </form>
手順7（メール確認ページ用テンプレート）: <MTSetVar name="page_layout" value="layout-one-column"><MTSetVar name="page_title" value="送信メール確認"><$MTInclude module="ヘッダー"$> <div id="content"> <div class="blog"> <div class="entry page"> <h2 class="entry-header">メールの確認</h2> <div class="mail-content"> <p>以下の内容でメールを送信します。</p> <dl><dt>お名前:</dt><dd><$MTMailPreviewAuthor$></dd> <dt>メールアドレス:</dt><dd><$MTMailPreviewEMail$></dd> <dt>件名:</dt><dd><$MTMailPreviewSubject$></dd> <dt>本文:</dt><dd><$MTMailPreviewBody convert_breaks="1"$></dd></dl> </div> </div> <div class="entry"> <form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi" id="mail_form"> <h2 class="entry-header">メールの修正</h2> <div class="mail-content"> <p> <label for="mail_author">お名前:</label> <input id="mail_author" name="mail_author" tabindex="1" accesskey="n" size="30" value="<$MTMailPreviewAuthor$>" /> </p> <p> <label for="mail_email">メールアドレス:</label> <input id="mail_email" name="mail_email" tabindex="2" accesskey="m" size="30" value="<$MTMailPreviewEMail$>" /> </p> <p> <label for="mail_subject">件名:</label> <input id="mail_subject" name="mail_subject" tabindex="3" accesskey="s" size="30" value="<$MTMailPreviewSubject$>" /> </p> <p> <label for="mail_text">本文:</label> <textarea id="mail_text" name="mail_text" tabindex="4" accesskey="t" cols="50" rows="10"><$MTMailPreviewBody$></textarea> </p> <p> <input type="submit" tabindex="5" accesskey="v" name="mail_preview" id="mail_preview" value="確認" /> <input type="submit" tabindex="6" accesskey="s" name="mail_post" id="mail_post" value="送信" /> <input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" /> </p> </div> </form> </div> </div> </div> <$MTInclude module="フッター"$>
手順7（メールエラーページ用テンプレート）: <MTSetVar name="page_layout" value="layout-one-column"><MTSetVar name="page_title" value="メール送信エラー"><$MTInclude module="ヘッダー"$> <div id="content"> <div class="blog"> <div class="entry page"> <h2 class="entry-header">メール送信エラー</h2> <div class="mail-content"> <p>メール送信の際に以下のエラーが発生しました。</p> <p class="message"><$MTErrorMessage$></p> </div> <form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi" id="mail_form"> <h2 class="entry-header">メールの修正</h2> <div class="mail-content"> <p> <label for="mail_author">お名前:</label> <input id="mail_author" name="mail_author" tabindex="1" accesskey="n" size="30" value="<$MTMailPreviewAuthor$>" /> </p> <p> <label for="mail_email">メールアドレス:</label> <input id="mail_email" name="mail_email" tabindex="2" accesskey="m" size="30" value="<$MTMailPreviewEMail$>" /> </p> <p> <label for="mail_subject">件名:</label> <input id="mail_subject" name="mail_subject" tabindex="3" accesskey="s" size="30" value="<$MTMailPreviewSubject$>" /> </p> <p> <label for="mail_text">本文:</label> <textarea id="mail_text" name="mail_text" tabindex="4" accesskey="t" cols="50" rows="10"><$MTMailPreviewBody$></textarea> </p> <p> <input type="submit" tabindex="5" accesskey="v" name="mail_preview" id="mail_preview" value="確認" /> <input type="submit" tabindex="6" accesskey="s" name="mail_post" id="mail_post" value="送信" /> <input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" /> </p> </div> </form> </div> </div> </div> <$MTInclude module="フッター"$>
手順7（メール送信完了ページ用テンプレート）: <MTSetVar name="page_title" value="メール送信完了"><MTSetVar name="page_layout" value="layout-one-column"><$MTInclude module="ヘッダー"$> <div id="content"> <div class="blog"> <div class="entry page"> <h2 class="entry-header">メールありがとうございます</h2> <div class="mail-content"> <p>メールを送信していただき、ありがとうございました。<a href="<$MTBlogURL$>">トップに戻る</a></p> </div> </div> </div> </div> <$MTInclude module="フッター"$>
手順8: .mail-content p { margin-bottom: 10px; } .mail-content .message { margin: 20px; padding: 15px; border: 1px solid #669; background: #eee; font-weight: bold; } #mail_author, #mail_email, #mail_subject { width: 220px; height: 20px; } html > body #mail_author, html > body #mail_email, html > body #mail_subject { height: 15px; } #mail_text { width: 400px; height: 150px; } .mail-content label { display: block; } .mail-content dl { margin-bottom: 15px; } .mail-content dt { font-weight: bold; } .mail-content dd { margin-left: 20px; } .mail-content, .entry-content { width: auto; margin: 0 3px; color: #333; background: #fff; font-size: 83.3%; line-height:1.5; word-break: break-all; }
手順11: <form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi" id="mail_form"> <div class="entry"> <h2 class="entry-header"> メールフォーム</h2> <div class="mail-content"> <p> <label for="mail_author"> お名前:</label> <input id="mail_author" name="mail_author" tabindex="1" accesskey="n" size="30" value="" /> </p> <p> <label for="mail_email"> メールアドレス:</label> <input id="mail_email" name="mail_email" tabindex="2" accesskey="m" size="30" value="" /> </p> <p> <label for="mail_url">URL:</label> <input id="mail_url" name="mail_url" tabindex="3" accesskey="u" size="30" value="" size="30" /> </p> <p> <label for="mail_subject"> 件名:</label> <input id="mail_subject" name="mail_subject" tabindex="4" accesskey="s" size="30" value="" /> </p> <p> <label for="mail_text"> 本文:</label> <textarea id="mail_text" name="mail_text" tabindex="5" accesskey="t" cols="50" rows="10"></textarea> </p> <p> <input type="submit" tabindex="6" accesskey="v" name="mail_preview" id="mail_preview" value=" 確認" /> <input type="submit" tabindex="7" accesskey="s" name="mail_post" id="mail_post" value=" 送信" /> <input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" /> </p> </div> </div> </form>
手順12: <div class="entry"> <form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi" id="mail_form"> <h2 class="entry-header"> メールの修正</h2> <div class="mail-content"> <p> <label for="mail_author"> お名前:</label> <input id="mail_author" name="mail_author" tabindex="1" accesskey="n" size="30" value="<$MTMailPreviewAuthor$>" /> </p> <p> <label for="mail_email"> メールアドレス:</label> <input id="mail_email" name="mail_email" tabindex="2" accesskey="m" size="30" value="<$MTMailPreviewEMail$>" /> </p> <p> <label for="mail_url">URL:</label> <input id="mail_url" name="mail_url" tabindex="3" accesskey="u" size="30" value="<$MTMailPreviewExtParam name="mail_url"$>" size="30" /> </p> <p> <label for="mail_subject"> 件名:</label> <input id="mail_subject" name="mail_subject" tabindex="4" accesskey="s" size="30" value="<$MTMailPreviewSubject$>" /> </p> <p> <label for="mail_text"> 本文:</label> <textarea id="mail_text" name="mail_text" tabindex="5" accesskey="t" cols="50" rows="10"><$MTMailPreviewBody$></textarea> </p> <p> <input type="submit" tabindex="6" accesskey="v" name="mail_preview" id="mail_preview" value=" 確認" /> <input type="submit" tabindex="7" accesskey="s" name="mail_post" id="mail_post" value=" 送信" /> <input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" /> </p>
手順13: #mail_url, #mail_author, #mail_email, #mail_subject { width: 220px; height: 20px; } html > body #mail_url, html > body #mail_author, html > body #mail_email, html > body #mail_subject { height: 15px; }