ビジュアル編集：プレビューで直接編集する

ビジュアル編集なら、ライティングがもっと速く、シンプルに、直感的になります。ファイルベースのエディタを行き来する代わりに、コンテンツが描画されているプレビュー上で変更をすぐに確認できます。

編集の手順

編集を開始する

ビジュアル編集のページを開いたら、まずツールバーの 編集 をクリックします。 次に、編集したい要素にカーソルを合わせ、クリックしてエディタを開きます。

要素を編集する

テキスト

編集したいテキストを直接クリックすると、その場でテキストを編集できます。

ツールバーでは、フォントサイズ、色、スタイル（太字・斜体・下線）、配置を調整できます。また、padding や margin のコントロールで余白を変更したり、テキストにハイパーリンクを追加したりすることもできます。

画像

画像も直接編集できます。

角丸、padding、margin も調整できます。テキスト要素と同じように、画像にハイパーリンクを追加してインタラクティブにすることもできます。

その他の要素（リンク・ボタン・アイコン）

ページ上のその他の要素についても、次のような属性を目で見ながら確認・編集できます。

• ボタンのラベル
• リンクの遷移先
• アイコンのスタイル
• レイアウトの配置

すべてリアルタイムに反映されるので、公開前に安心して確認できます。

不要な要素の削除も簡単です。要素を選択して、ツールバーの削除をクリックするだけです。

元に戻す・やり直す

間違えても大丈夫です。

変更はいつでも元に戻したり、やり直したりできます。ページを壊す心配なく、自由に試せます。

• 直前の編集を元に戻す
• 戻した変更をやり直す
• バージョン間をすばやく移動する

編集を適用する

準備ができたら、送信矢印をクリックするか Enter を押して編集を適用します。変更が AI に送られ、AI が適用してプレビューを更新します。

編集は送信するまで保存されません。編集を適用するたびにクレジット使用量が表示されます（例：使用クレジット: 20）。コードの複雑さによっては、クレジットを消費しない場合もあります。

編集を終了する

ビジュアル編集を終了するには：まず「変更を適用」を選択して保存します。すると自動的に終了します。もう一つの方法は、チャットボットの左下にある「編集」をもう一度クリックし、ポップアップから「変更を破棄」を選ぶと、保存せずに終了できます。

まとめ

ビジュアル編集を使えば、より速く編集でき、コンテキストの切り替えを減らし、ツールではなくコンテンツに集中できます。

コピーを磨くのも、レイアウトを調整するのも、ビジュアルを試すのも、すべてプレビュー上で自信を持って行えます。