2.3. スポンサー階層・スポンサー管理
2ステップの流れ:ステップ1 — スポンサー階層を作成、ステップ2 — 各階層にスポンサー情報とロゴを追加。
1
スポンサー階層を初期化
階層がまだ無い場合、空の状態画面に「+ 階層を作成」ボタンが表示されます。
2
「階層を作成」ポップアップフォーム
「+ 階層を作成」をクリックしてポップアップを開き、階層のパラメータを入力します。
| 項目 | 必須 | 入力ガイド |
|---|---|---|
| 階層名 | 必須 | 階層の公開表示名(例:Gold、Diamond、Silver)。 |
| 階層コード | 自動生成 | 入力した階層名からシステムが自動生成するため、手動入力は不要です。 |
| カラー | 任意 | カラーピッカーで色を選択またはHEXコードを入力(例:#6366f1)。 |
| 特典 | 任意 | 階層ごとの特典リストを入力(1行につき1つの特典、公開ページに表示されます)。 |
3
作成した階層を保存
- キャンセル:変更を破棄し、保存せずにポップアップを閉じます。
- 保存:新しいスポンサー階層をシステムに保存します(右下の青いボタン)。
4
スポンサー企業を各階層に追加
階層(例:Gold)を作成すると、その管理コンテナが開き「新しいサポーター」フォームが表示されます。
5
階層ヘッダーカードの操作
| 要素 / ボタン | 機能 |
|---|---|
| 階層情報ラベル | 階層名(Gold)、コード(gold)、順序(Tier 0)、スポンサー総数(1件)を表示。 |
| 📝 階層を編集 | ポップアップを再度開き、階層の名前・色・特典リストを編集します。 |
| 🗑️ 階層を削除 | 階層を削除します(注意:階層内の全スポンサーも削除されます)。 |
| ∨ 展開 / 折りたたみ | 階層内のスポンサー一覧を非表示/表示にして画面を整理します。 |
6
既存スポンサー一覧の操作
| 操作 | 機能 |
|---|---|
| ロゴと名前の表示 | ブランドロゴ、スポンサー名、WebサイトURL(例:https://abc.com)を表示。 |
| ↑ 上へ移動 | 同じ階層内でスポンサーのロゴを前に移動します。 |
| ↓ 下へ移動 | 同じ階層内でスポンサーのロゴを後ろに移動します。 |
| 📝 スポンサーを編集 | スポンサーのロゴ・名前・Webサイト・説明を更新するフォームを開きます。 |
| 🗑️ スポンサーを削除 | スポンサーを階層から削除します。 |
7
「新しいサポーター」フォームを入力
| 項目 | 必須 | 入力ガイド |
|---|---|---|
| ロゴ画像 | 必須 | 📤 アイコンの点線ボックスをクリックし、PCからブランドロゴをアップロードします。 |
| スポンサー名 | 必須 | 会社またはブランドの正式名称(例:Acme Corp、Aiot)。 |
| WebサイトURL | 任意 | スポンサーのホームページURL(例:https://abc.com)。ランディングページのロゴをクリックで開きます。 |
| 説明 | 任意 | 企業やスポンサーシップパッケージの簡単な説明。 |
8
スポンサーを階層に保存
- キャンセル:スポンサー追加フォームの入力を破棄します。
- 保存:新しいスポンサーを階層に保存します(右下の青ボタン)。