header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix Studio エディタ:新しいサイトのビジュアルサイトマップとワイヤーフレームを生成する

7分
AI を活用したビジュアルサイトマップツールで、サイトの作成を促進しましょう。クライアントのビジネスや目標についてお聞かせいただければ、編集や管理が可能なワイヤーフレームを含むビジュアルサイトマップが作成されます。
ビジュアルサイトマップに表示されるコンテンツ、ページ、ビジネスソリューションは、要約に合わせて調整されます。共有する詳細が多いほど、より正確な結果が得られます。
Wix Studio エディタでビジュアルサイトマップを表示している様子を示した GIF。ドラッグアンドドロップでページやセクションを移動させている様子が表示されています。
ヒント:
クライアントによって必要とされるワークフローが異なる場合があるため、白紙テンプレート、豊富なテンプレート、独自のカスタムテンプレートの使用など、Wix Studio サイトを作成するその他の方法も提供しています。

ステップ 1 | クライアントのサイトの詳細を入力する

まずは、ワークスペースの「サイト」ページに移動します。その後、AI が自動生成したサイトマップとワイヤーフレームを使用して、クライアント独自のニーズに合わせて新しいサイトを作成することができます。
必須項目は、サイトの種類(例:アパレルショップ)と簡単な説明です。ただし、クライアントのブリーフをより正確にするために、共有できる詳細は他にもたくさんあります。

新しいサイトを作成する方法:

  1. Wix Studio ワークスペースの「サイト」にアクセスします。
  2. 右上の「新規サイトを作成」をクリックします。
  3. Wix Studio サイトマップ・ワイヤーフレーム」を選択します。
  4. ビジネスの種類はなんですか?」下でサイトの主な目的を入力します(例:オンラインアパレルショップ、ブティックフィットネススタジオなど)
  5. フォームの残りの部分の完了方法を選択します:
代わりに、下部にある「テンプレートにスキップ」をクリックして、利用可能なサイトテンプレートを確認することもできます。ただし、テンプレートで取得するテキストとページは、より一般的なものであることに注意してください。

ステップ 2 | 自動生成するものを選択する

エディタに進む前に、AI に生成させたいものを選択します:
  • ビジュアルサイトマップ・ワイヤーフレーム:AI がページとセクションの構造を自動生成し、デザインを簡単に始めることができるようにワイヤーフレームも作成します。
  • ビジュアルサイトマップのみ:デザインに具体的なビジョンがあり、ワイヤーフレームが必要ない場合は、このオプションを選択できます。AI はサイトマップのみを自動生成します。ページとセクションは空白で表示され、白紙から作成することができます。
ニーズに合ったオプションを選択し、「生成する」をクリックします。
「ビジュアルサイトマップのみ」、または「ビジュアルサイトマップ・ワイヤーフレーム」から選択する画面

ステップ 3 | エディタでサイトマップとコンテンツを確認する

生成する」をクリックすると、AI はクライアントのサイトの作成を開始します。エディタにリダイレクトされてるので、そこでページとセクションを含む包括的なサイトマップを確認します。
新しいサイトには Wix アプリも含まれる場合があります。たとえば、フィットネスクラブの説明をした場合、Wix ブッキングと会員エリアアプリが自動的に追加されるため、顧客はクラスを予約し、自分のアカウントにログインできるようになります。
開始点は、自動生成の対象として選択したものによって異なります:
  • ビジュアルサイトマップ・ワイヤーフレーム:関連するワイヤーフレームがすでに含まれているトップページにリダイレクトされます。
  • ビジュアルサイトマップのみ:ビジュアルサイトマップにリダイレクトされ、構造を確認することができます。パネルを閉じて、デザインの編集を開始します。
    注意:Wix アプリに関連するページには、カスタマイズ可能なアプリパーツが追加されます。
実行する内容を選択します:
ヴィンテージ衣装ショップ用に自動生成されたワイヤーフレームの例
既存のサイトが Wix Studio で構築されている場合:
ビジュアルサイトマップパネルは、構築した既存のサイトを含むすべての Wix Studio エディタサイトで使用できます。