Suzukiこんにちは、ナオミです!昨日こんな質問がDiviサロンのサポートルーム出ました。【質問】ギャラリーモジュールのスライダー表示についてギャラリーに使う画像で、横画像と縦画像を混合させてレイアウトをスライダーに設定した場合...縦画像の表示の際に、画面いっぱい表示されて変な感じです。できたら、横画像の表示の範囲内で、縦画像も表示されたら嬉しいのですが...どういうことかと言いますと、Diviのギャラリーモジュールのスライダーモードは画像の横幅を固定してますので、縦長の画像が表示されるとページが縦に伸びるんです。こんな感じで、横幅が固定されてるため、縦長の画像は大きく表示されてしまいます。解決方法は画像が横幅ではなく縦幅にあって表示されればいいわけです。やったらこのように設定できるのか紹介していきます。Diviのギャラリーモジュールで画像スライダーを作るまずはDiviのモジュールから『ギャラリー』を選び、高さの違う画像を追加していきます次にデザインタブのレイアウトに行き、スライダーを選択します。この状態ですでにスライダーは完成なのですが、試してみてください。画像が変わる度に高さが変わってしまいますよね。これが従来の画像スライダーです。やって高さを固定するのか説明します。DiviにCSSを追加まずはCSSを追加します。以下のCSSのコードをあなたのサイトに追加してください。22px;}このCSSに関する細かい説明はDiviサロンでお願いします。追加したCSSを使うためにはモジュールの設定が必要です。CSSクラス』へ行きます。そこに上の画像のようにsame-height-galleryと入力してください。ここで設定する高さが、画像スライダーの高さになります。タブレットやスマホでのモジュールの幅が変化しますので、それらでも個々に高さを指定することを推奨します。ビルダーを終了してスライダーをみてみましょう。このようにスライダーの高さが固定されれば、成功です。Diviのことをもっと深く知りたい方は、Divi完全マニュアルをご覧ください。返信をキャンセルメールアドレスが公開されることはありません。名前*メール*サイト検索:ナオミ旅するエンジニアです。出しヨーロッパでフリーランス。DiviとElementorが好き。WordPressとウェブ開発の情報を発信していきます。Proの購入完全ガイドDiviの入手からインストールまでを完全ガイドします。