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

Wix Studio エディタ:サイトの最大幅を設定する

4分
Wix Studio エディタでは、訪問者の画面サイズに応じて、デフォルトで要素が比例してスケーリングするよう設定されます。ただし、大きな画面では、要素が必要以上に大きく表示されて、サイトの見栄えが悪くなってしまう恐れがあります。
クライアントのサイトのセクションに最大幅を設定すると、要素が必要以上に拡大されるのを防ぐことができます。
Wix Studio エディタの最大幅の設定により、画面サイズを拡大しても要素が一定以上拡大されない様子を示したスクリーンショット。

クライアントのサイトに最大幅を設定する

「サイトスタイル」パネルに移動して最大幅を設定します。訪問者の画面サイズが設定した最大幅より大きい場合は、要素のサイズが固定され、サイトに左右の余白が表示されます。
設定した最大幅はサイトのすべてのセクションに適用されますが、必要に応じて特定のセクションを除外することができます。
注意:
最大幅は 1001px 以上に設定する必要があります。

クライアントのサイトに最大幅を設定する方法:

  1. エディタ左側の「サイトスタイル をクリックします。
  2. Max Width」をクリックします。
  3. (無効にしている場合)「サイトのに適用」トグルを有効にします。
  4. 希望の幅をピクセル単位で入力します。
「サイトスタイル」パネルで「Max Width」タブが開いています。カーソルが幅を入力するフィールドをクリックしています。

特定のページまたはセクションの最大幅を無効にする

特定のページまたはセクションの最大幅は、いつでも無効にすることができます。無効にすると、比例してスケーリングする要素は、訪問者の画面サイズに応じて拡大されるようになります。

特定のページまたはセクションの最大幅を無効にする方法:

  1. 該当するセクションを選択します。
  2. エディタ右上の「要素設定パネルを開く」アイコン をクリックします。
  3. レスポンシブ動作」下の「Max Width を適用」トグルを無効にします。
要素設定パネルで、特定のセクションの最大幅を無効にした様子を示したスクリーンショット。
ページにあるすべてのセクションの最大幅を一括で無効にしたい場合:
要素設定パネルのパンくずリストでページを選択し、「レイアウト」下の「既存のセクションを除外する」をクリックすると、そのページにあるすべてのセクションの最大幅を一括で無効にすることができます。

ページにあるすべてのセクションの最大幅を無効にするオプションがハイライトされている様子を示したスクリーンショット。

サイト全体の Max Width を無効にする

すべてのページまたはセクションで Max Width を無効にしたい場合:サイト全体で無効にすることができます。これは、すべてのセクションが大画面で拡大し続けることを意味します。

サイトで Max Width を無効にする方法:

  1. エディタ左側の「サイトスタイル をクリックします。
  2. Max Width」をクリックします。
  3. サイトのに適用」トグルをクリックして無効にします。
  4. ポップアップ画面で「無効にする」をクリックして確定します。
「サイトスタイル」パネルの「Max Width」タブで、「サイトのに適用」トグルをクリックして無効にしています。
気が変わりましたか?
再度トグルを有効にして、サイト全体に Max Width を適用します。

よくある質問

詳細については、以下の質問をクリックしてください。
Wix Studio エディタの最大幅の設定により、画面サイズを拡大しても要素が一定以上拡大されない様子を示したスクリーンショット。
「サイトスタイル」パネルで「Max Width」タブが開いています。カーソルが幅を入力するフィールドをクリックしています。
要素設定パネルで、特定のセクションの最大幅を無効にした様子を示したスクリーンショット。
「サイトスタイル」パネルの「Max Width」タブで、「サイトのに適用」トグルをクリックして無効にしています。