今回はワードプレスブログの背景色・背景画像を変更する方法について説明します。
やり方は結構簡単なので、今回の手順でしっかりと身に付けていきましょう!!
ワードプレスブログの背景色を変更する
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色-1.jpg?resize=1895%2C812&ssl=1)
まずはワードプレスの管理画面を開き、左のメニューから「ダッシュボード」→「ホーム」→「サイトをカスタマイズ」をクリック。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色1.jpg?resize=1886%2C914&ssl=1)
クリックすると自分のサイトと左側にサイトのカスタマイズメニューが表示されます。
そのメニューなかで「色」をクリックするとサイトの背景色を変更することができます。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色2.jpg?resize=1892%2C699&ssl=1)
これで背景色が替えられるので、サイトに合う色に変更しましょう。
背景色を変更した場合は必ず「保存して公開」を押しましょう。これをしないとサイトに反映されないので注意してください。
続いては背景を画像に変更する方法について説明します。
ワードプレスブログの背景を背景画像に変更する
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色-1.jpg?resize=1895%2C812&ssl=1)
背景色を変更したのと同様にワードプレスの管理画面を開き、左のメニューから「ダッシュボード」→「ホーム」→「サイトをカスタマイズ」をクリック。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色3-1.jpg?resize=1892%2C699&ssl=1)
サイトのカスタマイズ画面を表示し、「背景画像」をクリック。これで背景画像変更画面が開きます。
そして「画像を選択」をクリックし、自分のパソコンの中にある背景にしたい画像を選択します。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色3-2.jpg?resize=1892%2C926&ssl=1)
とりあえず私のパソコンの中にある本の画像にしてみました。
この画像は画像のサイズを「元のサイズ」&「背景画像の繰り返し」の状態です。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2017/07/ワードプレス背景色3-3.jpg?resize=1892%2C926&ssl=1)
こちらは画像サイズを「画像に合わせる」にしてみました。
これだと元の画像を大きくして背景に表示させている感じですね。
「ページと一緒にスクロール」はチェックを入れるとスクロールすると記事と一緒に画像もスクロールするようになります。
チェックを外すと背景の画像は固定して動かない状態になります。
これは個人の好みや画像にもよると思いますので、自分のサイトに合う方を選択しましょう。
以上で背景色の設定&背景画像の設定は終了です。お疲れさまでした。
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://sidebisfree.com/wp-content/uploads/2023/07/bunner850_450.jpg)
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://i0.wp.com/sidebisfree.com/wp-content/uploads/2019/12/2019y12m26d_033012104.jpg?resize=265%2C177&ssl=1)
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://sidebisfree.com/wp-content/uploads/2023/07/bunner850_450.jpg)
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](http://money.blogmura.com/pocketmoney_salaryman/img/pocketmoney_salaryman88_31.gif)
![[Tags] button-only@2x ワードプレスブログの背景色・背景画像を変更する方法](https://blog.with2.net/img/banner/c/banner_1/br_c_1543_1.gif)