この画面は「専門知識がなくても変更できる仕組み」のイメージです。
左のフォームを編集すると右のプレビューに即反映されます。編集が終わったら
「config.json をダウンロード」で書き出し、サーバー上のファイルを差し替えるだけで公開できます。
(このプロトタイプはブラウザ内で完結しています。ご希望に応じて、ログイン付きの管理画面としても構築可能です)
ご要望の「編集できる項目」との対応
- 背景画像・背景動画 …
hero.bgType / bgImage / bgVideo
- プロフィール画像 …
hero.profileImage / profile.image
- 名前 …
hero.name / profile.items
- 各テキスト・説明文 …
hero.catchphrase / message.body ほか
- アイコン …
intro.items[].icon(名前 or 画像URL)
- ボタンの文言 …
cta.label / floatingLabel
- ボタンの色 …
theme.primary / primaryDark
- 遷移先URL …
cta.url
- コメント部分の名前・文章 …
reviews.items[]
- その他の画像・文言 …
gallery / faq / footer など全項目