スライダーブロックを使ったスライドショー (中央にロゴ画像を表示)
すべてのスライダーアイテムに同じ画像(あなたのしごと探しを…)を入れて、カスタム 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