グラデーションや背景の影画像を作成する

グラデーションや背景の影画像を作成するSEO塾テンプレート×WordPressテーマでは、ウェブサイトの質を上げるためのグラデーション画像や背景の影画像を簡単に作成する機能が備わっています。WordPress の管理画面上で簡単に作成できるのでわざわざ画像編集ソフトを利用して作成する手間が省けます。

管理メニューの外観にあるテーマ設定を開いてください。グラデーション画像の作成にはグラデーションメーカー、背景影画像を作成するには背景影メーカーという項目を使用します。

グラデーションメーカーでは、グラデーション画像に斜線を加えることができるので、非常にリッチなデザインを演出できます。

グラデーションメーカーは以下のような項目が用意されています。

グラデーションメーカー

グラデーションメーカーで生成されるグラデーションは基本的に縦方向のグラデーション画像です。グラデーションを開始する色と終了する色を選び、幅、高さを指定します。斜線のチェックボックスにチェックを入れるとグラデーションに斜線を加えた画像を生成します。斜線の色と間隔は変更できます。入力し終えたら作成するボタンを押してください。

画像URL

作成するボタンを押すとすぐにグラデーション画像が生成されます。生成と同時に画像のURLが表示されます。気に入った画像が生成されれば画像URLをコピーし、画像設定にある各URL欄にペーストします。もし気に入らない画像であれば、すぐに削除ボタンを押してください。削除せずに再度画像の作成を実行すると、以前作成した画像はアップロードフォルダに残ったままになります。

背景影メーカー

背景影メーカーもグラデーションメーカーと同様の作成方法です。デフォルトでは、ボディの背景と影が溶け込むように、ご使用中のカラー設定のボディ背景の色が開始色に設定されています。幅は本体横幅に影の幅を加えた幅が設定されています。本体の影画像として以外に使用する場合は、設定を変更してください。

コンテナー背景画像にここで作成した画像を設定するには、次のようなスタイルシートを追加CSSの項目に追加してみてください。

#container { padding:0 10px; }

グラデーション画像と背景影画像を使用すれば非常に高品質なウェブデザインを演出できるので色々と試してみてください。

«
»