スライダーブロックを使ったスライドショー (中央にロゴ画像を表示)

すべてのスライダーアイテムに同じ画像(あなたのしごと探しを…)を入れて、カスタム CSS に以下のように入力してあります。

.vk_slider_item_container img {
width: auto;
height: auto;
max-height: 20vh;
}
.vk_slider_item_container .wp-block-image {
padding-left: 10vw;
padding-right: 10vw;
}

スライダーブロックの表示を高速化しています

このページのスライダーを以下のようにしてあります。[2021.6.3]

  • 背景画像を個別に設定 PC:2000px タブレット:1200px モバイル:640px
  • 背景画像をすべて WebP に変更
  • あなたの仕事探しを応援します の画像を小さく 幅1,100px ⇒ 幅800px