Wix Studio エディタ：ブレイクポイント全体をデザインする

Wix Studio エディタでは、ブレイクポイントごとにサイトをカスタマイズできるため、常に見栄えの良いサイトにすることができます。ブレイクポイントとは画面サイズの範囲のことで、訪問者が使用する傾向のある画面とデバイス（例：タブレット、モバイルなど）を表します。

デスクトップで作成したデザインは、タブレットやモバイルにも適用されます。ただし、オーバーライドを作成して、より小さな画面にデザインを合わせてることができます。上部のブレイクポイントアイコンをクリックして始めましょう。

Wix Studio エディタには 3つのブレイクポイントが組み込まれており、いつでもカスタマイズして再定義することができます：

ブレイクポイントは、サイトページごととマスターセクションごとに個別に定義できます。つまり、マスターセクションとそれが属するページには、完全に異なるブレイクポイントを設定することができます。

たとえば、以下のページでは 5つのブレイクポイントが定義されています：

... そのページのマスターヘッダーには 3つのブレイクポイントが定義されています：

Wix Studio エディタでは、複数のブレイクポイントをデザインする際にカスケードの概念を使用します。大きなブレイクポイントに加えた変更は、小さなブレイクポイントにまで及びますが、小さなブレイクポイントでの変更は大きなブレイクポイントには影響しません。

たとえば、デスクトップで紫色にデザインされたボタンは、タブレットとモバイルでは自動的に紫色になります。モバイルで色を変更しても、タブレットとデスクトップではボタンは紫色のままです。

一部のアクションは、すべてのブレイクポイントに自動的に適用され、特定のビューポートにはカスタマイズできません。

要素のコンテンツを編集すると、実質的にそのデータも変更されます。たとえば、要素に適用されているリンクや画像のソースを変更すると、すべてのブレイクポイントに適用されます。

もう 1つの例は、ページの要素を置き換えたり削除したりする場合です。要素はすべてのブレイクポイントで自動的に置き換え / 削除されます。

ページの階層における要素の場所の変更です。たとえば、要素をスタックしたり、要素を別のセルに移動させたりすると、ページ構造が変更され、すべてのブレイクポイントに反映されます。

オーバーライドは、特定のブレイクポイントで要素のデザインを変更したときに発生します。つまり、その上の大きなブレイクポイントからデザイン値を引き出さなくなることを意味します。ただし、これらのオーバーライドは、より小さなブレイクポイントにまで及びます。

作成できるオーバーライドには 2種類あります：

要素のデザインとレイアウトは、最大のブレイクポイントでいつでもそのプロパティにリセットできます。

小さなブレイクポイント上の要素のプロパティは影響を受けません。影響を受けるのは元に戻す要素を含むブレイクポイントだけです。たとえば、タブレットでオーバーライドを削除しても、モバイルには影響しません。