パララックスセクションの設定方法
トップページの印象をより魅力的に演出できる「パララックスセクション」。
背景画像を設定することで、動きのある印象的なデザインを作ることができます。
Muelaでは、リード文やボタンも表示できるため、サイトの導線作りにも活用できます。
パララックスセクションとは?
パララックスセクションとは、スクロール時に背景画像がゆっくり動いて見える演出エリアのことです。
トップページのフッター直前に表示され、サイト全体にアクセントを加えることができます。
muu
大きな画像を使うことで、サイト全体に特別感を演出できます。
設定できる内容
Muelaでは、以下の内容を設定できます。
- 背景画像
- リード文
- ボタン表示
- ボタンリンク
シンプルに設定することで、洗練された印象に仕上がります。
背景画像について
背景画像は、横幅の広い画像を使用することで美しく表示されます。
高解像度の画像を使用することで、よりきれいに表示されます。
推奨サイズ:1920px × 600px以上
muu
明るすぎない画像を使うと、テキストが見やすくなります。
設定の手順
以下の手順で設定できます。
- 管理画面の「外観」→「カスタマイズ」を開く
- 「パララックスセクション」を選択する
- 背景画像をアップロードする
- 必要に応じてリード文を入力する
- ボタンを表示する場合は設定を有効にする
- ボタンの文字とリンク先を入力する
- プレビューで確認する
- 「公開」ボタンをクリックして保存する
きれいに見せるコツ
- 横幅の広い画像を使用する
- 文字は短くシンプルにまとめる
- ボタンは目立ちすぎないデザインにする
余白を意識することで、より洗練された印象になります。
まとめ
パララックスセクションを活用することで、トップページに動きと印象的な演出を加えることができます。
背景画像やリード文を組み合わせて、自分らしいデザインに仕上げてみましょう。
まずはお気に入りの画像を設定して試してみるのがおすすめです。
