コンテンツタイプ【user】：ユーザー登録

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

「ユーザー登録」コンテンツはuserモジュールを導入すると作成できるようになります。
一般ユーザーが会員などのユーザー登録を行うフォームコンテンツです。

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

• 【入力画面HTML】使用方法
• 【エラー挿入HTML】使用方法
• 【確認画面HTML】使用方法
• 【完了画面HTML】使用方法

ユーザー登録コンテンツの作成

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

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

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

ユーザー登録コンテンツの設定

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

コンテンツ情報

コンテンツ設定

テンプレートHTML

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

• 入力画面HTML
• エラー挿入HTM
• 確認画面HTML
• 完了画面HTML

【入力画面HTML】

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

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

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

フォーム用変数

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

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

[form_start]
  <div class="mod-form">
    <div class="box">
      <h2 class="box-title">基本情報</h2>
      <div class="mod-table-form">
        <table class="table-line">
          <tbody>
            <tr>
              <th>氏名<span class="mark-req">必須</span></th>
              <td>[user_origin_user_name]</td>
            </tr>
            <tr>
              <th>メールアドレス<span class="mark-req">必須</span></th>
              <td>[user_origin_mail_1]</td>
            </tr>

（省略）

    <div class="box-btn">
      <div class="btn-block">
        [form_check_button]
      </div>
    </div>
  </div>
  <!-- /.mod-form -->
[form_end]

主要変数

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

フォームに配置した項目を必須設定としたり、フォーマット設定した場合、入力チェックが行われます。
チェックエラーを表示させたい箇所にエラー表示用変数[error]を配置します。

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

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

【エラー挿入HTML】

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

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

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

【確認画面HTML】

次に、フォーム入力後に遷移する入力確認画面を作成します。

基本的には【入力画面HTML】とほぼ同じ内容のコーディングデータで対応できます。ページのタイトルや登録完了／修正ボタンの配置を行う程度でいいでしょう。
※【確認画面HTML】にも[form_start]と[form_end]の変数は必要です。[error]変数は必要ありません。

主要変数

以下ユーザー登録フォームの確認ページを作成するにあたり、主に使用される変数を紹介します。

【完了画面HTML】

確認画面から登録完了ボタンのクリック後に遷移する登録完了画面を作成します。

基本的には【入力画面HTML】とほぼ同じ内容のコーディングデータで対応できます。 完了画面HTMLはサイトのトップページへのリンクを配置することをおすすめします。
※【完了画面HTML】には[form_start]と[form_end]、および[error]変数は必要ありません。