Wix Studio エディタ:AI を使用してセクションをレスポンシブにする
読了時間:2分
AI を活用して、ワンクリックでレスポンシブなレイアウトを作成しましょう。デスクトップでセクションをデザインした後、レスポンシブ AI ツールがすべてのブレイクポイントでの見た目を改良し、俊敏かつ効率的なサイト作成を可能にします。
![レスポンシブ AI ツールがレスポンシブデザインを生成する様子を示した GIF](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/a1647902-4df7-4ebb-9822-46eb04bc1a82/3bddd79f-e463-43d4-a3c8-643261706d17.gif)
この記事では、以下の項目について説明します:
AI でレスポンシブセクションを生成する
レスポンシブ AI を実行すると、セクションのレイアウトの提案が数秒以内に生成されます。プレビューで表示される内容が気に入らない場合、提案を適用する必要はありません。変更内容を破棄して、元のレイアウトで作業を続けることができます。
レスポンシブセクションを生成する方法:
- エディタ上部でデスクトップブレイクポイント
をクリックします。
- 該当するセクションを選択します。
- 「レスポンシブ AI」アイコン
をクリックします。
- 「今すぐ作成」をクリックします。
- (プレビューで)ブレイクポイントをクリックして、セクションがどのように表示されるかを確認します。
- 次に実行する内容を選択します:
- デザインを適用する:セクションに AI 候補を即座に適用します。
- 変更を破棄する:AI の提案を無視して、元のデザインに戻します。
![AI がレイアウトを自動生成したセクションのプレビュー](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/b05f5084-8296-4ca9-8f22-b63e9f9efe42/2023/07/26/b4af5087-542f-46c9-97fd-6361597c94e9/cf09cd41-0a87-46c4-9a8d-e5bb4553b9aa.png)
よくある質問
レスポンシブ AI ツールの詳細については、以下の質問をクリックしてください。
レスポンシブ AI ツールの仕組み
同じセクションで AI は何回実行できますか?