トップページのみ背景画像を設定したい

はじめに

外観にこってると、全てのページに背景画像を取り入れたいのではなく、特定のページのみ背景画像をとりいれたくなることございますよね。今回は、その説明をしていこうと思います。

方法

1.外観→カスタマイズ→追加CSSを選択

以下のコマンドを入力

/* フロントページの背景画像を設定 */
body.home {
  background-image: url('背景画像パス'); /* ここに画像のパスを指定 */
  background-size: cover; /* 画像を全体に表示 */
  background-position: center; /* 画像の位置を中央に設定 */
}

これで設定完了です