WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

【Elementor小技】Ken Burnsエフェクト(背景画像のスライドショーなどで利用)

【Elementor小技】Ken Burnsエフェクト(背景画像のスライドショーなどで利用)

今回は、Elementor講座の質疑応答であった

背景画像のスライドショーの背景画像がむわ〜んって動く方法をご紹介します。

このような動きです。下記の画像はカクカクしているので実際のサイトの方が動きがわかりやすいかもしれません。

実際のサイトはこちら

Image from Gyazo

背景画像のスライドショー等の背景画像で利用されるKen Burnsエフェクトの紹介です。

Elementorプラグインの「高度な設定」の「背景」の「Ken Burnsエフェクト」にチェックを入れます。

 

 

「Ken Burnsエフェクト」の向きを選びます。

向きが「カテゴリー:」ってなっていますが、これは日本語への翻訳ミスですのでそのうち直ると思います。

「Ken Burnsエフェクト」の向きが「カテゴリー:」の場合

このように真ん中に向かって拡大するようなイメージです。

このような動きです。下記の画像はカクカクしているので実際のサイトの方が動きがわかりやすいと思います。

実際のサイトはこちら

Image from Gyazo

 

「Ken Burnsエフェクト」の向きが「外」の場合

このように真ん中に向かって縮小するようなイメージです。

Image from Gyazo

 

少しのことですが、面白い動きになりますのでぜひ活用してみてくださいね。

Elementorプラグイン関連のご質問どしどしお待ちしていますね!

【無料】フォローアップ&公開講座スタート!

~ セミナー概要 ~
・サイト担当者必見!最新WordPress事情
・これからのスタンダードになるElementorエディタによるWordPressの新しい作り方
・Webサイト制作を受注するときの注意点

新しいWordPress作成のスタンダード!

WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、自分で自由にデザインし、テーマまで作れる2ヶ月講座です。
受講後は、一緒に案件をお願いできる方も募集中!

新着情報

  ピックアップ講座

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  おすすめ画像編集ツール

Canvaバナー
おすすめ画像編集ソフトです。当サイトのアイキャッチ画像やバナー、Instagram用の画像や当サイトのチラシもこちらのCanvaで作っていますよ!無料版で十分です。

 

 カテゴリー
PAGE TOP