Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

この記事では下記を説明します：

Wix Studio エディタ：ページをスキャンしてレスポンシブデザインの問題を確認する

6分

この記事内

複数のデバイスを利用できる今日では、クライアントのためにレスポンシブデザインを作成することが必須です。Wix Studio のレスポンシブチェッカーを使用すると、このプロセスが簡素化され、ブレイクポイント全体の問題をすばやく特定して管理することができます。

問題を修正、表示、または無視するかを選択できるため、ビジョンに合わせてデザインを微調整することができます。

すべてのサイトページをスキャンし、レスポンシブに関する問題を修正して、あらゆる画面サイズでサイトが適切に表示されるようにします。ページはすべてのブレイクポイントで検証され、その後、検出された問題は修正するか無視するかを選択することができます。

エディタに移動し、該当するサイトページを開きます。
エディタ左側の「サイトチェッカー」をクリックします。
「レスポンシブの問題を修正」を選択します。
「ページを確認」をクリックします。
このページで見つかった問題を確認します。
問題ごとに実行する内容を選択します：
- ページ上で問題を確認する：「表示する」をクリックして、修正を適用するかどうかを決定する前に問題がどのように表示されるを確認します。
- 問題を修正する：「表示する」横のボタンをクリックします（ボタンのテキストは検出された問題の種類によって異なります）。これにより、推奨される修正が自動的に適用されます。
- 問題を無視する：問題の「無視」アイコンをクリックして、問題を無視します。このページを再度スキャンしても、この問題が再び表示されることはありません。
（オプション）別のページをスキャンします：
1. エディタ上部にあるページドロップダウンをクリックします。
  ヒント：レスポンシブチェッカーのパネルは開いたままにしておいてください。
2. 該当するページの横にある「Scan（スキャン）」をクリックします。

ヒント：

一部の問題は、特定のブレイクポイントでのみ発生する場合があります。その場合、問題の左下に該当するブレイクポイントを表すアイコンが表示されます。

問題を無視すると、ページが再度スキャンされても、レスポンシブチェッカーはその問題を完全に無視します。ただし、無視された問題は、いつでも確認することができ、修正を適用するかどうかを決めることができます。

（オプション）該当する問題横の「表示する」をクリックし、ページ上に表示します。
「Restore（復元）」をクリックします。
（オプション）復元された問題を修正します：
1. 上部の「フィルター」アイコンをクリックします。
2. 「未解決の問題」を選択します。
3. 復元された問題を確認し、「修正」をクリックします。