JIN:Rで「ヘッダー背景画像」をつける方法!
ひつじ
このページでは、 WordPressテーマ「JIN:R」でのヘッダー背景画像の作り方について解説します。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-15-11.51.52.png)
ヘッダー背景画像の作り方
カスタマイズ>サイトデザイン設定
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-18.44.38-1024x590.png)
カスタマイズ > サイトデザイン設定に進むと、ヘッダー背景画像の設定項目が見つかります。
ヘッダー背景画像を設定へ
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-04-14-18.45.43.png)
サイトデザイン設定を下にスクロールしていくと「ヘッダー背景画像の設定」の項目が見つかります。
画像を設定すると、↓のように項目がズラッと増えます。
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-01-15-15.48.11.png.webp)
画像サイズと位置を、細かーーく調整できるようになっているよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
(マニアックすぎる)
![おおかみくん](https://jinr.jp/manual/wp-content/uploads/2022/01/おおかみくん.jpg.webp)
画像を設定して調整する
![](https://jinr.jp/manual/wp-content/uploads/2023/04/スクリーンショット-2023-01-15-15.55.55-2048x1150.png.webp)
あとは、好みの画像を設定して、サイズの微調整を重ねてみてください!
ヘッダーに画像が入るだけでもサイトの印象がガラッと変わります。
あんまり重い画像を貼ると、ヘッダーの表示が遅くなるから、できるだけ画像は軽量化しておくといいよ!
![ひつじくん](https://jinr.jp/manual/wp-content/uploads/2022/07/hituji-150x150-1.jpg)
ABOUT ME