レイアウトパーツに背景画像を設定する

Webサイトのページでレイアウトパーツに背景画像を追加/変更する方法について紹介します。

背景画像を追加する

1.レイアウトパーツの編集画面を表示する。

編集画面は、パーツの上にマウスを被せると、右上に表示される編集ボタン(鉛筆アイコン)をクリックすると表示できます。

画面キャプチャ

2.画像をアップロード/画像を選択のどちらかで画像を設定します。

2-1.画像をアップロードする場合

次のどちらかの方法で、画像をアップロードします。

  • ドラッグ&ドロップでアップロードする
  • 「ファイルを選択」ボタンをクリックして、アップロードする
画面キャプチャ

ポイント

アップロードできる画像のサイズと、ファイル形式は次のとおりです。

【ファイルサイズ】1MBまで
【画像形式】jpg、jpeg、gif、png、svg

※パーツの編集画面でアップロードできるファイルの数は1つまでです。また、すでにアップロード済みのファイルと同一名のファイルのアップロードはできません。

2-2.画像を選択(過去にアップロードした画像から選択)する場合

「画像を選択」をクリックすると、過去Webサイトページの編集時にアップロードした画像一覧が表示されるので、その中から画像を選択して設定します。

画面キャプチャ

3.「OK」ボタンをクリックします。

画像を選択した後に「OK」ボタンをクリックすると、画像の設定は完了です。

画面キャプチャ

背景画像を変更する

レイアウトパーツに設定済みの背景画像を変更したい場合は、画像下の「選択画像を解除」をクリックして、画像の設定を一度解除してから、再度画像をアップロード、または、画像を選択で過去にアップロードした画像一覧から選択して変更します。

画面キャプチャ

ポイント

「画像を選択」をクリックすると表示される一覧から、画像を削除したい場合は、ファイル名の左下に表示されるゴミ箱アイコンをクリックすると削除できます。

もし他のパーツで設定されている画像を削除してしまうと、その画像も削除されてしまうので削除する際はご注意ください。
また、「画像を選択」の一覧から削除した画像は復元できませんので、ご注意ください。

画面キャプチャ

パーツを並び替える、削除されたい場合は、パーツの順番を並び替える/削除するをご確認ください。

この記事は役に立ちましたか?

  • はい
  • いいえ