1. TOP
  2. Wordpress
  3. Wordpress設定・全般
  4. たった1分でワードプレスの背景画像・背景色を設定・変更する方法

たった1分でワードプレスの背景画像・背景色を設定・変更する方法

 2017/02/15 Wordpress設定・全般  

突然ですが、あなたは「ワードプレスの背景を変更したいな・・・」と感じていませんか?

わーdプレスの背景画像が変更している様子

この図のように、ワードプレスの背景画像を変更するのはとても簡単です。
この記事では、ワードプレスの背景画像を設定・変更する方法を解説していきます。

背景画像の設定画面はカスタマイザーの中

ワードプレスの背景画像を変更するには、設定画面を開く必要があります。
場所は、サイドメニューから「外観」「カスタマイズ」になります。

「背景画像」をクリックすると、次の画面になります。

カスタマイザー画面で背景画像を変更する

背景画像を設定するには?

背景画像を変更するには、以下の図の赤枠の部分に、あらかじめ用意しておいた背景画像をアップロードする必要があります。

背景画像をアップロードする場所

もしも、背景画像を持っていない場合は以下の背景画像の素材サイトからお気に入りの画像を選んでみてください。


オススメの背景画像サイト一覧

超シンプル素材集
Subtle Patterns
Pattern Color
Pattern 8

 


背景画像の表示方法の詳細設定

背景画像を設定すると、以下のように表示されます。

アップロード後の画面

次に詳細の設定に入ります。

「プリセット」から以下の項目を設定します。

プリセットの項目


デフォルト

タテヨコに画像を繰り返し表示させます

フルスクリーン

画像がスクリーンいっぱいになるよう拡大します

画面に合わせる

画面のサイズに合わせて背景画像のサイズが調整されます

繰り返し

タテヨコに画像を繰り返し表示させます

カスタム

画像のサイズやページと一緒にスクロールさせるなどの微調整を行うことができます

 


それぞれの項目を選択すると、トップページのプレビュー画面が変化するので、最もしっくりくるものを選択しましょう。
設定が終了しましたら、「保存して公開」をクリックします。

変更後のトップページ

画像ではなく、「背景色」を設定するには

背景を画像ではなく、1種類の色を設定したい場合、カスタマイズ画面から、以下の「色」をクリックしてください。

続いて、カラーピッカーで好みの色を設定します。

設定が完了したら、「保存して公開」をクリックしておきましょう。

 


いかがでしたか?

ぜひ、お気に入りの背景を設定してみてくださいね。

ワードプレスのヘッダー画像(メインビジュアル)を設定する方法も、ぜひ、確認しておいてくださいね。

たった3分でワードプレスのヘッダー画像を変更する方法


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする