実際に動くデモです。右のJSONを書き換えて「反映する」を押すと、左のLPが即座に変わります。
HTML・CSSには一切触りません。下のプリセットを切り替えるか、直接書き換えて試してください。
| 変更したいもの | config.json のキー | 変更方法 |
|---|---|---|
| 背景画像・背景動画 | hero.background / hero.video | URLかファイル名を書き換えるだけ。動画を指定すると背景が動画に切り替わります。 |
| プロフィール画像 | hero.avatar | 画像ファイル名を書き換え |
| 名前・肩書き | hero.name / hero.role | 文字を書き換え |
| 各テキスト・説明文 | hero.catch / section.title / section.desc | 文字を書き換え。改行もそのまま反映されます。 |
| アイコン | features[].icon | 絵文字でも画像URLでも指定できます |
| ボタンの文言 | buttons[].label | 文字を書き換え |
| ボタンの色 | buttons[].color | カラーコードを書き換え。ボタンごとに別の色にできます。 |
| 遷移先URL | buttons[].url | URLを書き換え。計測パラメータを付けたままでも問題ありません。 |
| コメント部分の名前・文章 | comments[].name / comments[].text | 行を増やせばコメントが増え、消せば減ります。 |
| 全体の配色 | theme.accent | 1箇所変えると、ボタンとアイコンの色がまとめて変わります。 |
config.json と画像を入れたフォルダをコピーして、中身を書き換えるだけで別のLPが1本できます。HTMLは全案件で共通の1ファイルです。config.json(コメント付きのひな形)