Appearance
ADM-029 まっく感情画像設定
概要
- 有料記事
[makk]ショートコードで使う、まっくの感情別アイコン画像(8 種)を管理画面から登録する。 - サイト運営ダッシュボード(ADM-019)配下のサブメニュー。
- 保存先は wp_option
slot_kouryaku_makk_image_url_map(emotion => URL の JSON)。
ワイヤーフレーム
未作成。8 感情スロットのカードグリッドと「画像を選択」「クリア」「設定を保存」ボタンで構成する。
画面仕様
ブロック一覧
| ブロックID | ブロック名 | 表示内容 | 初期値 | ユーザー操作 | アクション |
|---|---|---|---|---|---|
B-1 | 説明 | 画面の用途説明 | 固定文言 | - | - |
B-2 | 感情スロット | 感情キー・ラベル・推奨ファイル名・プレビュー・操作 | 保存済み URL | 画像選択 / クリア | A-1 |
B-3 | 設定を保存 | [設定を保存] ボタン | 常に表示 | ボタン押下で AJAX 一括保存 | A-2 |
処理連携仕様
アクション一覧
A-1
B-2 の [画像を選択] で WordPress メディアライブラリ(wp.media)を開き、選択した attachment の URL をスロットに反映する(保存前は画面内のみ)。 [クリア] でその emotion の URL を空にする。
A-2
B-3 押下時に admin-ajax makk_emotion_image_map_save を呼ぶ。capability は manage_options。
リクエスト
| requestParam | 本画面の値 |
|---|---|
action | makk_emotion_image_map_save |
nonce | makk_emotion_settings |
map_json | 全 emotion キーに対する URL マップ(JSON 文字列) |
レスポンス
| 項目 | 内容 |
|---|---|
| 成功時 | data.message に成功メッセージ、data.map に保存後マップ |
| 失敗時 | data.message にエラー文言 |
外部インターフェース
管理画面 URL
| 項目 | 値 |
|---|---|
| URL | /wp-admin/admin.php?page=makk-emotion-settings |
| page slug | makk-emotion-settings |
| 親メニュー | site-ops-dashboard(ADM-019) |
関連
- ショートコード: docs/templates/MakkEmotionShortcode/README.md
- AJAX: EP-023
- PR #3444(
[makk]ショートコード本体)