【STEP 5】画像を差し替えよう

画像を変えて個性を出しましょう

STEP2では、ビルボードエリアの背景画像を変更しましたね。
サイト内には、ほかにもブロックの背景画像や、ブロック内に挿入されている画像があります。
それぞれの画像をあなたの好きなものに差し替えることで、
サイト全体がぐっとあなたらしい雰囲気になります。
テンプレートに入っている画像はサンプル画像のため、ブロックごとに背景画像と埋め込み画像を変更しましょう。

［1］ブロックの背景画像を変更してみよう

【1-1】編集モードに切り替えよう

まずはサイトを編集する準備をしましょう。サイトマップから編集したいページを選び、画面上部の「ページ編集」ボタンをクリックして編集モードに切り替えます。

【1-2】ブロックエディタを開いてみよう

最初に、ブロックの背景に設定されている画像を変更してみましょう。このテンプレートでは、メインエリアの上から2つ目のブロックに背景画像が設定されています。ブロックの鉛筆マークをクリックして、ブロックエディタを開きます。

【1-3】ブロック設定タブを開こう

ブロックエディタには、内容を編集する「編集」タブと、背景やレイアウトを調整できる「ブロック設定」タブがあります。今回は背景画像を変更するので、「ブロック設定」タブをクリックしましょう。

【1-4】ブロックの背景画像を変更しよう

ブロックエディタ右側の背景画像に設定されている画像をクリックします。「ファイルを選択」をクリックすると、画像フォルダが開くので、使いたい画像をアップロードしてみましょう。画像をお持ちではない場合は、画像配布サービス
Unsplashから無料で画像が取得できます。イメージに合う画像を探し、オリジナルサイズで取得してみましょう。

【1-5】編集内容を保存しよう

背景画像を変更したら、ブロックエディタ右下の「適用」ボタンをクリックし、編集内容を保存しましょう。保存された内容は、すぐにサイトエディタに反映されます。
このテンプレートでは、メインブロックの上から3番目・4番目のブロックにも背景画像が設定されています。各ブロックの鉛筆マークをクリックし、これまでの手順で、ブロックの背景画像を変更しましょう。