LP STARTER
LPたたき台作成
分割した画像と位置情報から、縦積みLPのプレビューとHTML/CSSのたたき台を作成します。
先に「透過画像 分割・トリミング」で分割した後、ZIP保存したファイルを読み込んでください。
LPの設定
画像を縦に並べた、編集・公開用の出発点を作ります。
PC版では、画像内の文字が小さくなりすぎないよう狭い画面向けの表示を自動で作成します。
SEO・SNS共有設定（任意）
ページタイトル・説明はOGPにも共通利用します。公開URLとOGP画像は、公開後の絶対URL（https://〜）を入力してください。
画像ブロックを編集
初期値の「自動レスポンシブ」は、狭い画面の基準幅を共通のものさしにして画像間の大きさの比率を保ちます。「画面幅いっぱい」はメインビジュアル向けで、大きな画面では画像が拡大されるため画質が低下することがあります。
リンク範囲を編集
画像上をドラッグして、ボタンなどにリンク範囲を追加できます。複数指定できます。相対パス（例: contact.html）や https:// なども使えます。
プレビュー
画像を縦に積むレイアウトです。
出力後に確認すること
- 出力されるのは画像ベースのLPのたたき台です。見出し・本文をHTMLテキストへ置き換えるとSEOとアクセシビリティが向上します。
- フォーム、CMS、決済、複雑なスマホ最適化などは別途実装が必要です。
- 使用する画像の著作権・利用許諾はご自身で確認してください。