Gradient Generatorというオンラインで背景画像が簡単にできるサイトがとても素晴らしかったので紹介します。まずこちらのGradient Generator のサイトを開きます。


gradcolor.jpg

(1)Height(縦のサイズ)を指定、画面サイズによりますが1280x1024の画面サイズが
使われていることが多いのでここでは1000(ピクセル)と指定。

(2)グラデーションの上部の色の作成窓で希望の色を選ぶ、同じように下部の色を選ぶ


setumei2

(3)そして「Generate gradient image」ボタンを押せば出来上がり。


setumei3

(4)自動で作成された「 *****.png」 画像(1x1000x24BPP)を自分のパソコンへ保存する。


setumei4


setumei5


以上で背景画像を作成して保存するまでの作業は終わりました。

続いて自分の作ったWordpressのダッシュボード>外観>背景と進み、
先ほど保存した「画像を選択」してアップロード。


setumei6

表示オプションは

「位置:左」

「繰り返し:水平報告に繰り返し」

「スクロールの有無:固定」

「変更を保存」ボタンを忘れずにクリックして作業は終了。

出来上がりはこんな具合 です。


page



いかがでしたか?

画像ツールを使わなくてもこんな簡単にグラデーションの背景が
出来ればサイト作りがますます楽しくなりますね(^^)