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

この記事内

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

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

ページをスキャンしてレスポンシブの問題を確認する

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

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

ヒント：

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

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

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