FunMaker[ファンメイカー]でデザインテーマ設定をおこなう際のサイト背景の設定についてのマニュアルページです。小さなディスプレイでは表示されない領域ですが、大きなディスプレイになると画面脇に余白が生じ、その領域の色や画像をここで設定します。
設定画面の表示方法
各種色の設定画面には「サイトデザイン」 >> 「サイト背景の設定」リンクをクリックすることで表示されます。 色の変更に関する設定は全てここからおこなうことができます。![サイトデザイン - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/e46076fc004fef2efb61fdc39074febc.png)
![サイトデザイン - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/e46076fc004fef2efb61fdc39074febc-5.png)
設定
各種色の設定画面で設定できる項目はサイトの背景画像と背景色のニ項目です。 両方共設定した場合には背景画像が優先されますが透過画像を利用することで背景色の上に画像を載せることも可能です。 それでは背景画像、背景色の設定方法をそれぞれ見ていきましょう。背景画像の設定
背景画像まずサイト背景の設定にある「画像を選択」を押します。
![サイト背景の設定 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/b21bebbd37e8a5691f18df27bbe0924b.png)
表示されたポップアップの「ファイルをアップロード」を選び、画像をドラッグ操作もしくは「ファイルを選択」から選択します。
![サイト背景の設定2 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/008be9031d7975a196f7622f61315e8f.png)
アップロードしたファイルにチェックが入っていることを確認し、「画像の選択」を押します。
![サイト背景の設定3 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/a43abd1544f7f1db07f5a229b3a5622a.png)
プレビュー画面に反映されるので問題がなければ「保存して公開」を押して公開してください。
![サイト背景の設定4 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/ef58af2265653b32e4fa0bca3a0a3c01.png)
背景色の設定
サイトの背景色にある「現在の色」を押し、パレットを開いて下さい。
![サイト背景の設定5 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/653a4c0d339b75e3de7c36ea60429613.png)
パレット内の色を選択するか色コードを入力し、プレビュー画面を確認しながら好みの色になりましたら「保存して公開」を押して公開してください。
![サイト背景の設定6 - FunMaker[ファンメイカー]](https://funmaker.jp/wp-content/uploads/2017/05/468595581eb0e0df996d9844f1fefe6c.png)