ブログに背景画像を設定すると、ガラッと雰囲気が変わります(*´ω`*)

 

 

 

 

 

 

 

 

 

↑ これが

 

↓ こうなるよ

 

 

 

 

 

 

 

 

 

設定方法

ダッシュボード → 外観 → テーマの編集 → base.css を開きます。

 

 

 

 

 

 

 

 

 

 

 

賢威テンプレートの共通設定と書かれた部分を探し、

 


body{
font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background-color: #faf9f5;
}

 

↑ こちらに

 


background: url(画像のURL) center center repeat;

 

↑ の一行を加えます。

 

center center repeatは、画像の表示位置と、画像の繰り返しを指定するコードです。

(画像のURL)には 事前にアップロードした 壁紙にしたい画像のURLを入れます。

 

 

 

 

 

 

 

 

 

 

 

 

私は設定してませんが、背景画像を固定したい場合は、

 


background-attachment: fixed;

 

も一緒に加えて下さい。下にスクロールしても、壁紙が動かなくなります。

 

繰り返しても違和感ない画像がおすすめ

私が使用している背景画像は、

 

 

 

 

こちらの143×140サイズの小さな素材です。ファイルは1キロバイトと軽いです。

 

例えば、おしゃれでかわいいという理由から、以下の画像を選んだとしましょう。

 

 

 

 

 

 

 

 

 

 

 

画像サイズは600×450で、ファイルは209キロバイトあります。

 

背景に設定すると、

 

 

 

 

 

 

 

 

重いし、繋ぎ目バラバラだし、こりゃひどい(笑)

 

こんなことにならないように、繰り返しても違和感ない画像(水玉やチェックなど)が、

個人的にはおすすめです(*´ω`*)