Rainierテーマ用メールフォームテンプレート

Movable Type 5.2.2で、新たに「Rainier」というテーマが追加されました。
そこで、Rainierテーマ用のメールフォームテンプレートを作りました。

1.テンプレートのみインストール

すでにメールフォームプラグインをインストールしている方は、以下からテンプレートのみダウンロードすることができます。

MailFormRainier_1_00.zip

ダウンロードしたZipファイルを解凍すると、「plugins」と「themes」のフォルダができます。
これらのフォルダを、Movable Typeのインストール先ディレクトリにアップロードします。

2.プラグインもインストール

メールフォームプラグインを新規でご利用の方は、以下からプラグイン一式をダウンロードしてお使いください。

MailForm_2_32.zip

ダウンロードしたZipファイルを解凍すると、「plugins」「mt-static」「themes」の3つのフォルダができます。
これらのフォルダを、Movable Typeのインストール先ディレクトリにアップロードします。

3.Rainierテーマ適用済みのブログの場合

すでにRainierテーマ適用済みのブログがある場合、そこにRainierテーマ用のテンプレートをインストールすることができます。

3-1.テンプレートのインストール

まず、以下の手順でテンプレートをインストールします。

  • 1.ブログの管理画面で「メールフォーム」→「サンプルテンプレート」メニューを選びます。
  • 2.「サンプルテンプレートのインストール」の画面が開きます。
  • 3.「テンプレートセット」の欄で「Movable Type 5.2 Rainierテーマ用」など、Rainierテーマ用のテンプレートセットを選びます。
  • 4.必要に応じて、残りの各項目の設定を行います。
    詳しくは、こちらのページを参照してください。
  • 5.ページ下端の方の「インストール」ボタンをクリックします。

Rainierテーマ用テンプレートのインストール

なお、Rainierテーマ用のテンプレートには、以下の3種類があります。

種類内容
Movable Type 5.2 Rainierテーマ用シンプルなメールフォームのテンプレートです。
Movable Type 5.2 Rainierテーマ用(Ajax)メール送信の処理をAjaxで行うようにしたテンプレートです。
Movable Type 5.2 Rainierテーマ用(各種機能使用)ドロップダウン/チェックボックス/ラジオボタンを入れた複雑なメールフォームの例です。
このメールフォームを使う場合は、別途GetQueryParamプラグインをインストールすることが必要です。

3-2.初期設定を行う

テンプレートをインストールしたら、初期設定等の作業を行って、メールフォームが動作するようにします。
詳しくは、メールフォームプラグインの解説ページをご参照ください。

3-3.ナビゲーションにメールフォームへのリンクを追加

Rainierテーマでは、各ページの先頭にナビゲーションが表示され、主要なページにリンクすることができます。

ナビゲーションは、「ナビゲーション」のテンプレートモジュールで出力されます。
ナビゲーションの個々の項目は、li要素で出力するようになっています。
このテンプレートモジュールに、メールフォームへのリンクを含むli要素を入れてブログを再構築すれば、ブログの各ページからメールフォームにリンクすることができます。

たとえば、ナビゲーションの右端にメールフォームへのリンクを追加したいとします。
この場合、「ナビゲーション」のテンプレートモジュールを開き、最後の方にある「</ul>」のタグの前に、以下の行を追加します。

<li><a href="<$mt:BlogURL encode_html="1"$>mailform.html">お問い合わせ</a></li>

なお、メールフォームの出力ファイル名を「mailform.html」以外にした場合は、上記のコードに含まれる「mailform.html」を、変更後の出力ファイル名に置き換えます。

4.メールフォーム入りのRainierテーマを適用する

新規にRainierテーマでブログを作る場合や、既存のブログをRainierテーマに変更する場合には、メールフォームテンプレート組み込み済みのテーマを適用することができます。
ブログの新規作成のページや、「デザイン」→「テーマ」のページで、テーマの一覧にメールフォーム組み込み済みのRainierテーマが表示されます。

Rainier組み込み済みのテーマを選ぶ

また、メールフォーム組み込み済みのRainierテーマでは、「ナビゲーション」テンプレートモジュールもあらかじめ書き換えられていて、ナビゲーションの最後にメールフォームへのリンクが出力されるようになっています。