• 0k
  • 0
Wix 最新情報 \ 2014年12月22日

新機能!ページごとに異なる背景を設定しよう

ホームページの背景は、写真を使用してインパクトを出したり、シンプルな背景でコンテンツに焦点を当てたり、使い方次第でサイトの印象を大きく左右します。そんな「背景」をよりクリエイティブに表現できる新機能「ページごとの背景設定」がリリースされました。

サイトのページ数に関わらず、それぞれ違う背景を設定することができます。今回はその詳しい使い方と、ユーザーの目を釘付けにするほどステキな活用例をご紹介します!

Wixサイトの各ページに異なる背景を設定する方法

ページごとに異なる背景を設定する方法

とても直感的に操作ができる Wix エディタ。まずは、ページことに違った背景を設定するステップをご紹介します。

  • Wixエディタの左側にあるメニューから「デザイン」をクリックします
  • 背景」を選択します

エディタのメニューから「背景」を選択

  • 「背景をカスタマイズ」画面から「画像を変更」をクリックします

ホームページの「背景をカスタマイズ」

  • 適用するページ」から、他にも同じ背景を適用したいページがあれば選択します

他にも同じ背景を適用したいページがあれば選択

  • OK」をクリックして完了です!

他のページで異なる背景を適用したい場合は、エディタ左上のページのドロップダウンメニューで編集したいページに切り替えて、上記のステップを繰り返してください。

エディタ左上のページのドロップダウンメニューで編集したいページに切り替え

効果的な使い方のヒント

画像を背景に使用する

背景に写真を利用したい場合は、ハイクオリティで高解像度の写真を使いましょう。解像度の低い画像を設定してしまうと、画質が粗くなり、せっかくのデザインが台無しになってしまいます。

公開する前に「プレビュー」モードで、実際の見え方を確認しましょう。思い通りのレイアウトになっているでしょうか? 背景はページのコンテンツにあっていますか?

Tips: 背景のカスタマイズ画面では、画像の表示方法やスタイルを調節することができます。ページ上のコンテンツを動かすことなく、背景だけを微調整できるので、思い通りのデザインに仕上げられます。

また、サイトに使用する画像に関するノウハウは、以下のブログ記事もご覧ください:

画像の表示方法やスタイルを調節

テクスチャを活かした背景を使用する

質感をグラフィックで表現した「テクスチャ」を背景に用いるのもなかなか素敵です。Wixエディタの中には、皆さんのホームページで自由に利用していただけるテクスチャデザインを、穏やかで落ち着いた雰囲気のものから、はっきりした目立つものまで幅広くご用意しています。

ただし、ページの他のデザインと相性の良いものを選びましょう。フォントやアイコンの雰囲気、文字がきちんと読めるかどうかなど、きちんと確認しましょう。

Tips: 全ページを通して一貫性を保ったデザインにしましょう。楽しくて、ついころころ背景を変えてしまいそうですが、統一感がなくなってしまわないように気をつけましょう。

テクスチャを活かした背景を使用する

ついついページを切り替えたくなる美しい活用例

では、この機能を使って、とっても魅力的なウェブデザインを実現している Wixサイトをご紹介します。

Independent Demolition >>

Independent Demolition >>

Laura Barachi >>

Laura Barachi >>

Sebastian Gille >>

Sebastian Gille >>

さあ、あなたのWixサイトも異なる背景でもっと魅力的に >>

 

Wix ブログを購読して最新情報をゲット!



今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email