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

Wix Studio エディタ:オーバーフローコンテンツを操作する

4分
一部のサイト要素やコンテンツは、ページ、セクション、またはコンテナに対して大きすぎて、端からはみ出す場合があります。オーバーフローコンテンツが特定のセクションやコンテナ、またはページ全体でどのように動作するかを設定できます。
Safari ブラウザを使用している場合:
コンテナ、セクション、またはページからのオーバーフローコンテンツの非表示は、バージョン 16 以降でのみサポートされています。

セクションとコンテナにオーバーフローコンテンツを設定する

ページセクションやコンテナでオーバーフローコンテンツをどのように表示するかを選択します。コンテンツを表示・非表示にしたり、スクロール時にオーバーフローを表示するよう設定することができます。

セクションとコンテナにオーバーフローコンテンツを設定する方法:

  1. 該当するコンテナまたはセクションをクリックします。
  2. エディタ右上の「要素設定パネルを開く」アイコン  をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. レイアウト」までスクロールダウンします。
  2. オーバーフローコンテンツ」下で該当するオプションを選択します:
    • 表示:ページに対して大きすぎるコンテンツでも、オーバーフローコンテンツがクライアントサイトに表示されます。スクロールバーが自動的に追加されるため、訪問者は残りのコンテンツを見ることができます。
    • 非表示:オーバーフロー要素がページの端を維持するためにクリップされます。
    • スクロール:訪問者はスクロールでオーバーフローコンテンツを表示できます。
      • スクロールの方向:訪問者がコンテンツを表示する方法(横、縦、または両方)をを選択します。
      • スクロールバーを表示:トグルをクリックして、クライアントサイトのスクロールバーを表示または非表示にします。
コンテナのオーバーフローコンテンツ設定。スクロールが選択され、カーソルがスクロールバーを有効にしています。

ページのオーバーフローコンテンツを設定する

デザインのニーズに合わせて、サイトページのコンテンツオーバーフローを表示または非表示にすることができます。コンテンツがページの端からはみ出す場合、スクロールバーが自動的に追加されます。

ページのオーバーフローコンテンツを設定する方法:

  1. 以下からページレイヤーを選択します:
    • レイヤーパネル。
    • エディタ左下のパンくずリスト。
  2. エディタ右上の「要素設定パネルを開く」アイコン  をクリックします。
Wix Studio エディタの「要素設定パネルを開く」アイコンのスクリーンショット。
  1. レイアウト」までスクロールダウンします。
  2. オーバーフローコンテンツ」下で該当するオプションを選択します:
    • 表示:ページに対して大きすぎるコンテンツでも、オーバーフローコンテンツがクライアントサイトに表示されます。スクロールバーが自動的に追加されるため、訪問者は残りのコンテンツを見ることができます。
    • 非表示:オーバーフロー要素がページの端を維持するためにクリップされます。
Wix Studio エディタのキャンバスの横の、要素設定パネルの「オーバーフローコンテンツ」ドロップダウンのスクリーンショット。

よくある質問

オーバーフローコンテンツの詳細については、以下の質問を選択してください。