最近ブログのカスタマイズでトップ画面を
ちょくちょく変更しています。
シンプルでサッラっとしているのが良いものか
はたまた、コテコテで油ギッシュなほうが
インパクトがあって良いものなのか？
もちろん記事の内容が大切なのは当然なのですが・・
訪問して頂いた方がまず目にするトップ画面は
非常に大切です。
オリジナルのヘッダー画像に作り変えることなども
ブログの与える第一印象を大きく変化させます。
しかし、好印象をあたえる画像を作るのは
パソコン初心者にはハードルがちょっと高い
かも知れませんね。
そこで、今回は簡単にできてトップ画面の
印象も変えれる方法として
記事のアイキャッチ画像に影をつけて
トップ画面の印象を変えてみましょう！
できあがりはこんな感じです。
では、さっそく作業に掛かりましょう！
と、言ってもタグをコピペするだけです (*^。^*)
管理画面の外観からテーマの編集をクリック
画面右側下の方にある
desing.css を
（でざいん どっと しーえすえす）
をクリックして
ず～と、ずぅ～とスクロールして
一番最後に
div.left img {
box-shadow: 0 8px 8px 2px rgba(0,0,0,0.75);
}
これをコピペしてファイルを更新をクリック
コレで出来上がりです。
簡単な作業ですがdesing.cssをメモ帳などに
コピーしてバックアップをとってから作業して下さいね！
box-shadow: 0 8px 8px 2px ｒgba(0,0,0,0.75)
この の部分が
水平面のぼかし、垂直面のぼかし、ぼかしの距離、
影の広がり 色の指定、になっているので
自分で数値を変えてお気に入りを探してみて下さい。
ちなみに、rgba(0,0,0,0.75)は色を
指定しているのですが
Ｒ値、Ｇ値、Ｂ値、に透明度の0.75が指定されています。
少し難しいですが、
HTMLを学びたいかたはこのページを参考にして下さい。
カスタマイズをやり始めると、あれもこれもと
出来ることすべてやりたくなってしまうのですが
あまりやり過ぎるとかえって見づらいブログに
なってしまうので
やり過ぎにはご注意を！ (^^ゞ
最後まで読んで頂きありがとうございました。
いつもあなたを応援しています！でゎでゎ♪
