Wordpressに背景画像を設定する方法

Wordpressに背景画像を設定する方法
- HTML (例: index.php)
- CSS (例: styles.css)

WordPressに背景画像を設定するには、カスタムCSSを使用するのが一般的です。
以下は、HTMLとCSSを別ファイルに分けて設定する方法の例です。

HTML (例: index.php)

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>背景画像の設定</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="test-background">
    <!-- コンテンツ -->
  </div>
</body>
</html>

CSS (例: styles.css)

.test-background {
  background-image: url('path/to/your/image.jpg'); /* 画像のパスを指定 */
  background-size: cover; /* 画像を要素のサイズに合わせて拡大・縮小 */
  background-position: center; /* 画像の位置を中央に設定 */
  background-repeat: no-repeat; /* 画像の繰り返しを防ぐ */
  width: 100%; /* 要素の幅を画面いっぱいに設定 */
  height: 100vh; /* 高さを画面の高さに設定 */
}

この設定で、指定したクラス test-background に対して背景画像が適用され、画像が画面いっぱいに表示されるようになります。
画像のパスや設定は、必要に応じて調整してください。