WordPress(賢威)で背景画像を変更する方法

この記事は約2分で読めます。

こんにちはFPヒデです。
今回は、WordPress(賢威)で背景画像を変更する方法をお伝えします。
ブログにも慣れてくるとやはりカスタマイズしたくなりますよね。
その中でも比較的簡単に変更ができてイメージもガラッと変わる、サイト全体の背景を好きな画像に変更してみます。

WordPress(賢威)で背景画像を変更する方法

下記画像のようにサイトの両サイドを画像を作成してアップロードします。
『ダッュボード』⇒『メディア』⇒『新規追加』
ちなみにサイズは今回1900×3457に設定しましたので参考にしてください。
 
haikei2
 
アップロードしたアドレスを覚えておいて、下記のコードに追加記述していきます。
『ダッシュボード』⇒『外観』⇒『テーマ編集』⇒『design.css』を開きます。

下記の様に「コンテンツ全体」と書かれているコード部分を探してください。
そして追加コードを記述します。
(好きなURLをここに挿入)に先ほどアップロードした画像のURLを記入します。
 
haikei

 

【変更前】

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	background-color: #f0f0f0; /*背景を指定*/
}

 

そして下記の様にコードを追加してください。
【変更後】

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
        background-color: #f0f0f0; /*背景を指定*/
background:url(好きなURLをここに挿入) center repeat;
background-attachment: fixed;
}

 

実際に変更すると下記のようになります。
haikei4

この様にサイト全体の背景を変更できます。
さらに違った画像パターンに下記のように変更してみました。
 
先ほど同様に作成した画像をアップロードしておきます。
haikei5
 

変更した背景画像がこちらです。
haikei3
 
以上で背景画像のカスタマイズ方法になります。

とても簡単に変更できますが、あまり凝り過ぎると見づらくなったりしますので、注意してやってみてくださいね。

コメントを残す

サブコンテンツ

このページの先頭へ