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

parallax-thumbnail

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

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

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

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

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

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

  1. フロントページにパララックスを追加する

    WordPress管理画面から外観 > ウィジェットと進み、
    フロントページにパララックスを追加します。

    フロントページにパララックスを追加します

    フロントページにパララックスを追加します

  2. パララックスの中身を入力する

    画像の上に文字を重ねることもできます。
    改行する場合は<br />を直接入力してください。

    パララックスの中身を記入します

    パララックスの中身を記入します

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

好きな位置にいくつでも配置できますので、
有効活用してみてください。

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

Twitterで

コメントを残す

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