header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • サイトを保存する
  • サイトで保存したバージョンにアクセスする
  • サイトをプレビューする
  • テストサイトをプレビューする
  • サイトを公開する
  • よくある質問

Wix Studio エディタ:サイトを保存・プレビュー・公開する

この記事内
  • サイトを保存する
  • サイトで保存したバージョンにアクセスする
  • サイトをプレビューする
  • テストサイトをプレビューする
  • サイトを公開する
  • よくある質問
Wix Studio エディタでは、サイトは自動的に保存されるため、変更内容が失われる心配はありません。ただし、作業中のサイトはいつでも手動で保存できます。
デザインの編集が終わったら、プレビューモードを使用して、各ブレイクポイントでの表示を確認します。その後、公開するか編集を続行するかを決めることができます。

サイトを保存する

Wix Studio エディタサイトは、変更を加えるたびに自動的に保存されます。ただし、サイトはいつでも手動で保存できます。

手動でサイトを保存する方法:

  1. エディタに移動します
  2. 左上の「Wix Studio」アイコン  をクリックします。
  3. サイト」にマウスオーバーします。
  4. 保存」をクリックします。
Wix Studio エディタでサイトを保存しています
次のステップ:
サイトを保存すると、エディタの左上にアイコンが表示されます。また、サイトが自動保存される度にも表示されます。


サイトで保存したバージョンにアクセスする

サイト編集履歴は、あなた(またはサイトで作業するユーザー)が保存または公開したすべての記録です。サイト編集履歴にアクセスして、変更が加えられたタイミングや変更を実行したユーザーを確認したり、以前のバージョンを復元したりできます。

以前のバージョンのサイトにアクセスする方法:

  1. エディタに移動します
  2. 左上の「Wix Studio」アイコン  をクリックします。
  3. サイト」にマウスオーバーします。
  4. 編集履歴」をクリックします。
Wix Studio エディタ左上のメニューにある「編集履歴」オプションのスクリーンショット

サイトをプレビューする

Wix Studio エディタのサイトで作業をしながら、すべてのブレイクポイントでライブでどのように表示されるかを確認できます。プレビューには現在の画面サイズでサイトが表示されますが、画面サイズを変更してデザインのレスポンシブ性をテストすることができます。

デスクトップでサイトをプレビューする方法:

  1. エディタに移動します
  2. 右上の「プレビュー」アイコン  をクリックします。
  3. 次のいずれかの操作を実行して、異なる画面サイズでサイトを表示します:
    • 上部の画面サイズドロップダウンをクリックして、異なるデバイスを選択する。
    • ピクセル単位で画面の幅と高さを定義する。
    • ハンドルをドラッグして幅を調整する。
    • モバイル端末でプレビュー をクリックして、モバイルでテストサイトに直接アクセスする
  4. サイトを編集」をクリックして編集を続けるか、「公開」をクリックして変更内容を公開します。
ドラッグハンドルを使用してサイトを異なる画面でプレビューしている様子を示した GIF。
参考:
別のサイトページをプレビューする場合は、左上のドロップダウンからページを選択します。

テストサイトをプレビューする

テストサイトを作成した場合、エディタでデスクトップとモバイル端末の両方での表示を確認できます。テストサイトは、あらゆる画面サイズでサイトがきちんと表示されることを確認し、共同管理者やクライアントからフィードバックを得るために最適な方法です。

テストサイトをプレビューする方法:

  1. エディタに移動します
  2. 右上の「プレビュー をクリックして、ドロップダウンを開きます。
  3. サイトをプレビューする場所を選択します:
    • デスクトップ:「テストサイトとしてプレビュー」をクリックします。
    • モバイル:
      1. モバイル端末でプレビュー」をクリックします。
      2. モバイル端末で QR コードをスキャンします。
Wix Studio エディタのクロップされたビュー。カーソルが「モバイル端末でプレビュー」をクリックしています。
注意:
  • まだテストサイトを作成していない場合は、上記の手順に従い、ポップアップでテストサイトを作成することを選択してください。
  • テストサイトを作成するには、サイトを少なくとも一度は公開している必要があります。

サイトを公開する

エディタ右上の「公開」をクリックして、変更内容を公開します。
エディタ右上の「公開」ボタンの場所を示したスクリーンショット
サイトを初めて公開する場合は、ウェブ上で正式に公開するための URL を取得します。ウェブアドレスは、無料サイトかアップグレードされたサイトかによって異なります:
  • 無料サイト:https://accountname.wixstudio.io/site-name(https://アカウント名.wixstudio.io/サイト名)
  • プレミアムサイト:サイトは独自ドメイン(例:mystunningwebsite.com)で公開できます。ドメインは Wix から購入したものを使用するか、別のドメインホストから購入したものを接続できます。
Wix オートメーションを使用すると、自動的にクライアントサイトの公開をスケジュールすることもできます。正確な日時を選択して、手動で行うストレスを省きます。これは、大きな発表やアップデートに最適です。
コードを使用してサイトを公開する場合:
Wix はコードを自動的に分析して、構文を確認します。(英語)エラーが検出された場合、公開を続行するか、エディタに戻って問題を確認することができます。

よくある質問

詳細については以下の質問をクリックしてください。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.