Wix Studio エディタ:オーバーフローコンテンツを操作する
読了時間:3分
一部のサイト要素やコンテンツは、ページ、セクション、またはコンテナに対して大きすぎて、端からはみ出す場合があります。オーバーフローコンテンツが特定のセクションやコンテナ、またはページ全体でどのように動作するかを設定できます。
この記事では、以下の項目について説明します:
Safari ブラウザを使用している場合:
コンテナ、セクション、またはページからのオーバーフローコンテンツの非表示は、バージョン 16 以降でのみサポートされています。
セクションとコンテナにオーバーフローコンテンツを設定する
ページセクションやコンテナでオーバーフローコンテンツをどのように表示するかを選択します。コンテンツを表示・非表示にしたり、スクロール時にオーバーフローを表示するよう設定することができます。
セクションとコンテナにオーバーフローコンテンツを設定する方法:
- エディタで該当するコンテナまたはセクションをクリックします。
- エディタ右上の「要素設定パネルを開く」矢印アイコン
をクリックします。
- 「デザイン」タブ
の「レイアウト」をクリックします。
- 「オーバーフローコンテンツ」ドロップダウンを開き、コンテンツの動作を選択します:
- 表示:コンテナまたはセクションに対して大きすぎる場合でも、オーバーフローコンテンツがサイトに表示されます。
- 非表示:関連する要素は切り取られ、はみ出した部分は訪問者に表示されません。
- スクロール:訪問者はスクロールでオーバーフローコンテンツを表示できます。
- スクロールの方向:訪問者がコンテンツを表示する方法(横、縦、または両方)をを選択します。
- スクロールバーを表示:トグルをクリックして、ライブサイトのスクロールバーを表示または非表示にします。
![コンテナのオーバーフローコンテンツ設定。スクロールが選択され、カーソルがスクロールバーを有効にしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/03/2a8fc978-58b6-4fb5-bf9d-e3a45ea920ec/d5edbc26-708a-454d-8dbb-b52c748b431f.jpeg)
ページのオーバーフローコンテンツを設定する
デザインのニーズに合わせて、サイトページのコンテンツオーバーフローを表示または非表示にすることができます。コンテンツがページの端からはみ出す場合、スクロールバーが自動的に追加されます。
ページのオーバーフローコンテンツを設定する方法:
- Wix Studio エディタ左側で「レイヤー」
をクリックします。
- 現在作業中のページを選択します。
- エディタ右上の「要素設定パネルを開く」矢印アイコン
をクリックします。
- 「デザイン」タブ
の「サイズ」をクリックします。
- 「オーバーフローコンテンツ」ドロップダウンを開き、コンテンツの動作を選択します:
- 表示:ページに対して大きすぎるコンテンツでも、オーバーフローコンテンツがライブサイトに表示されます。スクロールバーが自動的に追加されるため、訪問者は残りのコンテンツを見ることができます。
- 非表示:関連する要素は切り取られ、はみ出した部分は訪問者に表示されません。
![サイトページのオーバーフロー設定パネル。オーバーフローコンテンツが表示されるように設定されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/11/03/dc8a18f4-d29a-4e6a-a9a5-49c188ffe9e8/241ab38e-7a8b-4237-9670-b2c3e114501c.jpeg)
よくある質問
オーバーフローコンテンツの詳細については、以下の質問を選択してください。
オーバーフローコンテンツは自動的に設定されますか?
ページのオーバーフローコンテンツを表示するとどうなりますか?
異なるブレイクポイントごとにオーバーフロー設定を選択できますか?
お役に立ちましたか?
|