← 入口
·
画像一覧
ボタン差し替え
v…
① 左で選択
→
② 板
→
③ 書き出し
?
左でボタン画像を選ぶ → 「板」で下地PNGを作る → 文字を整えて「書き出し」で合成・保存。
データ
?
既定URLのままでOK。別の構造JSON(get_lp_structure 相当)を指定することもできます。
再読込
Claude キー
Claude
?
AI位置に使います。下の欄に保存するか、サーバの .env にキーがあればそちらも利用されます。
保存
候補
?
LP内のボタン画像の一覧です。表示されないときはフィルタを外すか、構造JSONを再読込してください。
本命のみ
?
解析で信頼度の高いボタンだけに絞り込みます。
編集
?
リンク・サイズ・板・文字を変え、最後に書き出しで画像を更新します。
← 左から選ぶ
元
板
?
余白を検出したあとは、元画像と同じキャンバス比率で帯(マット色のサンプル)を敷き、その内側に板PNGを置きます。保存される板ファイル自体はボタン寸法の下地のみです。
書き出し
ID
リンク先
別タブ
URLコピー
W
H
合成の角丸クリップ (px)
?
元画像+板で書き出すとき、板を角丸で切り抜く半径です。空欄ならサーバが元画像から検出。板スライダの角丸と揃えたいときは目安の px を入れてください(例: 15)。
新しい板
?
ボタン寸法の下地PNGです。余白検出後は板プレビューがフルキャンバス表示になり、帯と板の位置を確認できます。
色
#
影
?
2色目やグラデ用。空欄にするとスタイルに合わせて自動になります。
内側
?
「アウトライン」見た目のときの、線の内側の色です。
形
見た目
角丸
18%
枠
?
アウトラインスタイル時の線の太さ(px)です。
板を作る
背景パス
?
合成に使う背景画像のサーバ上のパスです(例: AI生成画像の保存先)。
文字
字色
#
中央
AI位置
?
「中央」は均等配置のプリセット。「AI位置」はClaudeにレイアウトを任せます(キー要)。
文字 JSON
?
上級者向け:文字の座標などを直接編集できます。通常は中央/AI位置だけで足ります。
アイコン JSON
?
image_composite の icons[] です。label は store/env_keys_status.php の icon_labels(例: LINE, instagram, twitter, X, facebook, youtube, tiktok …)に合わせます。空の [] でテキストのみ。AI位置で Claude が埋めることもあります(Imagick 必須)。
LINE 左 試験
?
左寄せの LINE アイコン1つを入れ、書き出しで合成できるか確認します。
書き出し