フォローする

【テクニック】サイト背景画像の指定と固定

今回は、背景画像を固定させる方法をご紹介致します。

シンプルなオンラインショップのデザインでも背景を変えることでガラリと

印象を変えることができますので是非お試し下さい。

 

今回は例として

背景画像を設定し、スクロール時に、サイトの背景画像が固定する方法をご紹介します。

以下の2つのステップをご参照ください。

 

1.背景画像の挿入

デザインパネル内「デザイン」タブを選択します。

デザインタブ内上部の「選択する」の項目を「レイアウト」に変更し、

次に背景項目の「背景画像」から画像を挿入します。

 

2.背景画像の固定

1の状態で、デザインタブ内「背景」項目で以下の追加設定を行なってください。

・「画像のスクロール」⇒  固定(※背景画像を固定します)

・「画像のサイズ」        カバー(※ウインドウのサイズに合わせて背景画像を調整します)

 

以上の設定から、サイトでスクロールをした場合でも、

背景画像が固定されます。

背景画像を固定し、全面に挿入する事で、

インパクトの強いサイトが簡単に作成可能ですので、是非お試しください。

 

またGoodsieでは、背景画像にご利用いただけるフリー素材を提供しております。

こちらよりダウンロードしてご利用ください。

 

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント

Powered by Zendesk