フォローする

デザインパネル デザインタブ 「背景」について

デザインパネルのデザインタブ内「背景」項目の使い方をご紹介致します。

 

「背景」項目では、指定の箇所に背景色、背景画像を挿入するなどの変更ができます。

 

▶︎「背景」項目内で変更することのできる要素は以下の6つになります。

①背景色
背景色を変更できます。

②背景画像
背景に画像を挿入できます。

③背景の繰り返
背景に挿入した画像の張り付け方を選択できます。

④画像の配置
背景に挿入した画像をウインドウ上でどう配置するかを選択できます。

⑤画像のスクロール
背景画像をスクロールしても変化しないように固定できます。

⑥画像のサイズ
背景に挿入する画像のサイズをウインドウと同サイズに合わせることができます。

以下、各項目の使用方法について手順を確認してみましょう。



▶︎
背景色

①デザインパネル、デザインタブ内トップの「選択する」の部分で、「レイアウト」を選択。

②背景項目内、「背景色」の部分で、背景色を任意で指定。
(ここでは黄色を指定しています。)

③選択した箇所の背景が黄色に変化。
(ここではレイアウトを選択しているため、画面全体が変化します。)

 

 

▶︎背景画像

①デザインパネル、デザインタブ内のトップの「選択する」の部分で、「レイアウト」を指定。

②背景項目内、「背景画像」の部分で、挿入したい背景画像を指定。

③選択した箇所の背景に指定画像が挿入。

 

ただここで挿入した画像は、選択した「レイアウト」のサイズに比べて小さい画像なので、サイズが足りない部分が繰り返し表示されてしまいます。そこで背景画像が繰り返されないよう設定する項目が以下の「背景繰り返し」という項目です。

 

▶︎背景繰り返し

①背景項目内、「背景繰り返し」から「繰り返さない」を選択。
その他、「繰り返し」、「横方向」、「縦方向」の選択が可能です。
※「繰り返さない」を選択すると、背景画像に指定した画像のサイズ分だけ、背景に画像を挿入できます。

 

 

▶︎画像の配置

①背景項目内、「画像の配置」の部分で、挿入した画像の配置場所を選択。

②例えば、「中央左」を選択すると、背景画像がウインドウ上の「中央左部分」から画像が配置されます。
全部で9カ所の指定配置が可能です。

 

▶︎画像のスクロール

①背景項目内、「画像のスクロール」の部分で、挿入した背景画像を固定。

②するとスクロールした場合でも、背景の画像が固定され、画面上に残り続けます。

 

 

▶︎画像のサイズ

①背景項目内、「画像のサイズ」の部分で、「カバー」を選択。

②すると背景に挿入した画像のサイズが小さい場合でも、ウインドウのサイズに合わせて表示します。

 

以上、この「背景」項目の使用方法をご説明しました。
この部分はサイトのデザインに大きく関わる部分なので、是非使い方をマスターして、自分だけのかっこいいサイトをつくりましょう。

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

コメント

Powered by Zendesk