1. マニュアル
  2. ホームページ
  3. デザインカスタマイズ
  4. ホームページ全体・パーツごとの背景画像を変更する

ホームページ全体・パーツごとの背景画像を変更する

リウムスマイル!ではホームページ全体やパーツごとの背景画像を簡単に変更することができます。

オリジナルの画像をアップロードして、背景画像を変更することでデザイン性をぐっと高める事が可能です。

ただし、設定によっては文字の視認性が低下する場合もありますのでご注意ください。


操作手順

  1. リウムスマイル!管理画面の左上[PC版:プレビュー]をクリック
  2. 編集ボタン表示切替:[プロ]をクリック
  3. 編集:[高度なデザイン設定]をクリック


  1. 背景画像の自動切り替えを設定する
  2. 編集したい背景画像タブを選択する
    例)「自動切り替えする」を設定後、背景画像2枚目を編集したい場合は、「背景画像2」をクリック
  3. 背景画像に設定したい画像を選択する

背景画像について

背景画像の容量が大きい場合、ページ全体の読み込みが遅くなる場合があります。

できるだけ容量を小さくしてから背景画像に設定してください。

  • PNG画像圧縮サイト(無料):TinyPNG
  • JPEG画像圧縮(無料):JPEGmini

 

 

  1. 背景画像の繰り返し設定を選択する
  2. 画像の位置を選択する
  3. 背景画像の固定を選択する

高度なデザイン設定画面の左下[保存]をクリックすると、設定した背景画像がホームページに反映されます。



ホームページ上に表示する1パーツ毎の背景の設定をカスタマイズすることができます。

効果的にパーツ毎に背景を変更すると、下図のようなシンプルなページ構成のものに、メリハリを付けることができます。

 

 パーツ背景なし

パーツ背景あり

操作手順

  1. リウムスマイル!管理画面の左上[PC版:プレビュー]をクリック
  2. 背景を設定したいパーツにカーソルを合わせ、左上にある[表示項目の設定]をクリック


  1. 表示設定の下部にある[高度なデザイン設定]をクリック
  2. 高度な設定欄で背景色や文字色、画像などを設定
  3. 背景設定後、画面左下[保存]をクリック

以上で指定したホームページパーツ部分の背景が変わります。