フロントページにパララックス効果を付ける

parallax-thumbnail

フロントページにパララックス効果を付ける方法を紹介します。

パララックス効果とは、
スクロールに応じて背景画像が切り替わることをいいます。

パララックス効果のイメージ

パララックス効果のイメージ

この効果はPCでのみ動作します。
スマホ、タブレットでは固定画像として表示されます。

フロントページにパララックス効果を付ける手順

パララックスウィジェットをフロントページに追加

まず、フロントページのパララックス効果を出したい部分に
パララックスウィジェットを追加します。

好きな部分にいくつでも配置できます。

フロントページにパララックスウィジェットを追加

フロントページにパララックスウィジェットを追加

パララックスウィジェットの中身を記入

パララックスウィジェットの中身を記入します。

パララックスウィジェットの中身を記入する

パララックスウィジェットの中身を記入する

以上、フロントページにパララックス効果を付ける手順となります。

parallax-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。