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

スポンサーを階層に保存

  • キャンセル:スポンサー追加フォームの入力を破棄します。
  • 保存:新しいスポンサーを階層に保存します(右下の青ボタン)。