コンテンツタイプ【manager】:マネージャーログイン
コンテンツタイプ【manager】:マネージャーログインとは
「マネージャーログイン」コンテンツはmanagerモジュールを導入すると作成できるようになります。
マネージャー登録後に発行されるパスワードを使ってログインができるコンテンツです。
コンテンツを編集する場合は以下から進んでください。
マネージャーログインコンテンツの作成
管理者画面 > 設定(画面右上歯車アイコン)>コンテンツ > 新規作成
コンテンツ作成画面のコンテンツタイプから「マネージャーログイン」を選択すると、マネージャーログインコンテンツを作成することができます。
マネージャーログインコンテンツを作成する場合、「対象シート」を指定する必要があります。managerモジュールから複数のマネージャーシートを作成した場合、どのシートのマネージャーがログインするのかを指定します。
マネージャーログインコンテンツの設定
まず、基本的なページ情報の設定、閲覧権限や公開設定などを行います。
Webページのコーディングデータは、テンプレートHTMLのエリアで編集していきます。
コンテンツ情報
コンテンツタイプ
マネージャーログインコンテンツを作成します。「マネージャーログイン」と表示していることを確認してください。
コンテンツURL
コンテンツ(マネージャーログインページ)のURLとなります。
対象シート
新規作成で設定した対象シートが表示されます。クリックすると「シート編集」画面が開きます。
コンテンツ設定
コンテンツID
コンテンツURLで使用するIDです。省略した場合は自動入力します。変更するとコンテンツURLも変更されます。
カテゴリ名
コンテンツの管理用にカテゴリ分けが可能です。省略した場合は「未設定」になります。
コンテンツ名
コンテンツを管理する名称です。わかりやすい名称を設定します。
ログアウト先URL
ログアウト後に遷移させたいページのURLを指定します。サイトのトップに遷移させるのが一般的です。
公開範囲
マネージャーログインは一般の方もしくはユーザーが閲覧できます。ユーザーを選択した場合、さらに閲覧を可能としたいユーザーのシートを選択してください。
閲覧権限外の転送URL
公開範囲で設定した権限以外がアクセスした場合の転送先URLです。
対象デバイス
作成したコンテンツの閲覧が可能な端末を設定します。
対象外デバイスの転送URL
「対象デバイス」で設定していない端末からアクセスした場合の転送先URLです。
Basic認証
コンテンツにBasic認証をかけることができます。設定したUserIDとPassを入力することで閲覧可能となるコンテンツが作成できます。
公開設定
コンテンツ(マネージャーログイン)の公開状態を設定します。新規作成時の初期値は「非公開」です。
テンプレートHTML
「マネージャーログイン」コンテンツでは、以下の編集エリアを用意しています。各編集エリアでHTMLの編集や変数を挿入し、各画面を作成していきます。
【基本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]
主要変数
以下マネージャーログインフォームを作成するにあたり、主に使用される変数を紹介します。
フォームスタート | [form_start] |
フォームエンド | [form_end] |
ログインボタン | [form_login_button] |
エラー表示 | [error] |
シートに設定されているログインキーとユーザーに設定されているパスワードの入力チェックが行われます。
チェックエラーを表示させたい箇所にエラー表示用変数[error]
を配置します。
- エラー表示用変数:
[error]
エラーの表示内容については次の【エラー挿入HTML】に記述します。
【エラー挿入HTML】
複数のエラーを一度に表示させるために、4パターンの表示形式が選べます。
- スラッシュ区切りで表示:
[error_message_slash]
- 改行区切りで表示:
[error_message_br]
- リスト形式で表示:
[error_message_li]
- スパン区切りで表示:
[error_message_span]
コンテンツ側で変数を配置した場所にエラーメッセージが表示されればOKです。