コンテンツタイプ【user】：ユーザーログイン

コンテンツタイプ【user】：ユーザーログインとは

「ユーザーログイン」コンテンツはuserモジュールを導入すると作成できるようになります。
会員などのユーザー登録後に発行されるパスワードを使ってログインができるフォームコンテンツです。

コンテンツを編集する場合は以下から進んでください。

• 【基本HTML】使用方法
• 【エラー挿入HTML】使用方法

ユーザーログインコンテンツの作成

管理者画面 > 設定（画面右上歯車アイコン）>コンテンツ > 新規作成

コンテンツ作成画面のコンテンツタイプから「ユーザーログイン」を選択すると、ユーザーログインコンテンツを作成することができます。

ユーザーログインコンテンツを作成する場合、「対象シート」を指定する必要があります。userモジュールから複数のユーザーシートを作成した場合、どのシートのユーザーがログインするのかを指定します。

ユーザーログインコンテンツの設定

まず、基本的なページ情報の設定、閲覧権限や公開設定などを行います。
Webページのコーディングデータは、テンプレートHTMLのエリアで編集していきます。

コンテンツ情報

コンテンツ設定

テンプレートHTML

「ユーザーログイン」コンテンツでは、以下の編集エリアを用意しています。各編集エリアでHTMLの編集や変数を挿入し、各画面を作成していきます。

• 基本画面HTML
• エラー挿入HTM

【基本HTML】

ログインフォームの入力画面（入力フォーム）となるコーディングデータを入力していきます。
フォーム入力に必要な入力項目は変数として用意されているので、適宜配置していきます。
※対象シートで設定したシートに定義されている項目が変数として使用できます。

あらかじめDreamweaverなどのツールでコーディングしたデータをそのまま貼り付け、入力項目を変数に置き換えるだけでログインフォームが作成できます。

以上のように入力することで、Web側でログインフォームが作成できます。

フォーム用変数

フォームを作成する場合、必ずフォームスタート用変数とフォームエンド用変数を配置する必要があります。

• フォームスタート用変数：[form_start]
• フォームエンド用変数：[form_end]

[form_start]
  <div class="mod-form">
    <div class="block-group" data-mh="mh-group">
      <div class="mod-form-block">
        <dl>
          <dt>ユーザーID</dt>
          <dd>[login_key]</dd>
          <dt>パスワード</dt>
          <dd>[login_pass]</dd>
        </dl>
      </div>
      <!-- /.mod-form-block -->
      <p><label class=""><input type="checkbox" name="" value="" checked="checked">状態を保持する</label></p>
    </div>
    <div class="btn-block btn-login">
      [form_login_button]
    </div>
  </div>
  <!-- /.mod-form -->
[form_end]

主要変数

以下ユーザーログインフォームを作成するにあたり、主に使用される変数を紹介します。

シートに設定されているログインキーとユーザーに設定されているパスワードのチェックを行い、入力に不備があった際にエラーを出力します。
チェックエラーを表示させたい箇所にエラーを表示用変数：[error]を配置します。

• エラー表示用変数：　[error]

エラーの表示内容については次の【エラー挿入HTML】に記述します。

【エラー挿入HTML】

複数のエラーを一度に表示させるために、4パターンの表示形式が選べます。

• スラッシュ区切りで表示：[error_message_slash]
• 改行区切りで表示：[error_message_br]
• リスト形式で表示：[error_message_li]
• スパン区切りで表示：[error_message_span]

コンテンツ側で変数を配置した場所にエラーメッセージが表示されればOKです。