カスタマイズガイド
コードを触らずにDraftlyサイトを編集・スタイリング・拡張する方法を学びましょう。
カスタマイズの仕組み
Draftlyでは、サイト生成後に3つの方法でカスタマイズできます：
1. インライン編集 — プレビューパネルの任意のテキスト・色・画像をクリックします。テキスト内容、フォントファミリー、サイズ、ウェイト、カラーピッカーを備えたオーバーレイが表示されます。変更はプレビューにリアルタイムで反映されます。
2. Chat-to-Modify — チャットバーに自然言語で指示を入力します（例：「ヒーローの背景をダークネイビーに変更」、「料金セクションを追加」）。Draftlyは関連セクションのみを修正します — 0.5クレジット。
3. デザインプリセット — スタイルパネルをクリックします。25種類の業界プリセット、12種類のアクセントカラー、5種類のナビスタイル、5種類のヒーローレイアウトから選択できます。
テキストと色の編集
インラインで要素を編集するには： 1. プレビュータブにいることを確認します。 2. テキスト、見出し、または色付きブロックをクリックします。 3. インライン編集オーバーレイが右側に開き、テキスト・色・フォントファミリー（26種類）・サイズ・ウェイトを編集できます。 4. 保存で適用、キャンセルで元に戻します。
AI書き直しでテキストをより良いトーンに改善したり、画像を置き換えで画像を交換することもできます。
デザインプリセットの使用
デザインプリセットで、ワンクリックでサイト全体のビジュアルスタイルを変更できます。 1. ツールバーのスタイルをクリックします。 2. 3つのタブ：Vertical（25種類の業界プリセット）、Colors（12種類のスウォッチ+カスタムHex）、Style（5種類のナビ・ヒーロー・アニメーション）。 3. プリセットをクリックしてプレビュー、適用で再生成します。
テキストとセクションはそのままで、ビジュアルシステムのみ変わります。
Chat-to-Modify
Chat-to-modifyは、完全な再生成なしに構造的変更を行う最速の方法です。
チャットバーに任意の指示を入力します： - 「ヒーローの見出しをもっと魅力的なものに変更」 - 「料金とお問い合わせの間にFAQセクションを追加」 - 「カラースキームをより暗くする」
Draftlyは関連セクションのみを修正します — 0.5クレジット。
アナリティクスとトラッキングの追加
Google Analytics、Google Tag Manager、Facebook Pixel、またはカスタムトラッキングスクリプトをコード不要で接続できます。
<script>ブロック（HTTPSのみ）お問い合わせフォームの追加
すべてのDraftlyサイトに機能するお問い合わせフォームを含めることができます。
送信内容はDraftlyアカウントに保存され、各送信についてメール通知を受け取ります。すべてのデータはDraftly内に保持されます。