MailForm

対応バージョン:MovableType7、MovableType8

「メールフォーム」テンプレートの作成

更新日:2024.04.10

メールフォーム関連のテンプレートの作り方の続きとして、「メールフォーム」のテンプレートの作り方を解説します。

「メールフォーム」テンプレートの作り方

「メールフォーム」テンプレートは、メールフォームとして最初に表示されるページのテンプレートです。
メールを送信したい人は、このページに接続して、メールの文章等を入力します。

1.テンプレートの名前とファイル名の付け方

「メールフォーム」テンプレートは、インデックステンプレートとして作成します。
テンプレート名をつける際には、その先頭に「mail_form:」という接頭語をつける必要があります。
例えば、「mail_form:メールフォーム」のような名前をつけます。
また、インデックステンプレートなので、出力ファイル名も指定します。
出力ファイル名は自由に決めることができます。

2.テンプレートの構造

「メールフォーム」はテンプレートモジュールを利用して作ります。
「メインページ」のテンプレートを元にして、メールフォーム用に作りかえるのが簡単です。
メールフォームのform要素の部分は「メールフォーム共通部分」のテンプレートモジュールとして作りました。
その部分を組み込みたい位置に、「<$MTIncludeMailFormCommon$>」というタグを入れます。
なお、「メールフォーム」テンプレートの先頭には、以下のようなタグを入れておきます。
「value」の部分は、メールフォームの設定を行うと、設定の名前が自動的に入力されます。

<MTSetVar name="mail_setting" value=""> 

「メールフォーム」テンプレートの例

Movable Typeの標準テンプレートセットの場合、「メールフォーム」のテンプレートは以下のようになります。
「メインページ」のテンプレートを元に、以下の箇所をメールフォーム用に変更しています(赤字の箇所)。

  • テンプレートの先頭に「mail_setting」の変数を設定する記述を追加
  • page_titleの変数に、「メールフォーム」を設定
  • MTEntriesタグのブロックを削除して、メールフォームを組み込むためのタグを追加
<MTSetVar name="mail_setting" value=""> 
<MTSetVar name="body_class" value="mt-main-index">
<MTSetVar name="main_template" value="1"> 
<MTSetVar name="sidebar" value="1">
<MTSetVarBlock name="page_title">メールフォーム</MTSetVarBlock>
<$MTInclude module="ヘッダー"$>

<div>
 <h2 class="comments-open-header">メールの送信</h2> <$MTIncludeMailFormCommon$>
</div>

<$MTInclude module="フッター"$>
前へ
プラグインTOP
次へ