Elementor 背景スライドショーBackground Slideshow

久々の更新です。

スライドショーのウィジェットはあったのですがElementor Ver2.7からセクションに対してスライドショーを作成することができるようになりました！

さっそくやってみましょう。

セクション追加

真ん中のセクションを編集を選択

セクションを編集＞レイアウト＞高さ

最小の高さを選択して任意の数値を入力。

セクションを編集＞スタイル＞Background Slideshow

画像を複数選択

Slide Duration：それぞれの画像の静止しているms。

Transition Duration (ms)：次の画像に遷移するときのms。msはミリ秒なので1秒だと1000ms

Ken Burns Effect：動きのあるエフェクトをかけることができます。

セクションを編集＞レイアウト＞高さ

画面幅に合わせるを選択するとjQueryなどを別途いれる必要がなく、Elementorだけで背景一杯にスライドショーもできるようになりました。これは便利だー。