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

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

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

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

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

  1. エディタで該当するコンテナまたはセクションをクリックします。
  2. エディタ右上の「要素設定パネルを開く」矢印アイコン  をクリックします。
  3. デザイン」タブ  の「レイアウト」をクリックします。
  4. オーバーフローコンテンツ」ドロップダウンを開き、コンテンツの動作を選択します:
    • 表示:コンテナまたはセクションに対して大きすぎる場合でも、オーバーフローコンテンツがサイトに表示されます。
    • 非表示:関連する要素は切り取られ、はみ出した部分は訪問者に表示されません。
    • スクロール:訪問者はスクロールでオーバーフローコンテンツを表示できます。
      • スクロールの方向:訪問者がコンテンツを表示する方法(横、縦、または両方)をを選択します。
      • スクロールバーを表示:トグルをクリックして、ライブサイトのスクロールバーを表示または非表示にします。
コンテナのオーバーフローコンテンツ設定。スクロールが選択され、カーソルがスクロールバーを有効にしています。

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

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

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

  1. Wix Studio エディタ左側で「レイヤー をクリックします。
  2. 現在作業中のページを選択します。
  3. エディタ右上の「要素設定パネルを開く」矢印アイコン  をクリックします。
  4. デザイン」タブ  の「サイズ」をクリックします。
  5. オーバーフローコンテンツ」ドロップダウンを開き、コンテンツの動作を選択します:
    • 表示:ページに対して大きすぎるコンテンツでも、オーバーフローコンテンツがライブサイトに表示されます。スクロールバーが自動的に追加されるため、訪問者は残りのコンテンツを見ることができます。
    • 非表示:関連する要素は切り取られ、はみ出した部分は訪問者に表示されません。
サイトページのオーバーフロー設定パネル。オーバーフローコンテンツが表示されるように設定されています。

よくある質問

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

お役に立ちましたか?

|