NOBU
こんにちは。NOBUです。
今回はWordPressの記事画像に影をつけたい人に向けた記事です。
今回はWordPressの記事画像に影をつけたい人に向けた記事です。
最近の個人ブログはワードプレス(WordPress)で作成する人が非常に増えてきましたね。そしてブログ記事を見やすくするためにCSS(スタイルシート)を使う人も多いです。
そこで今回は「CSS」にあるコードを追加(コピペ)することで、ブログ記事すべての画像に影をつけて、見やすさをグンとアップさせる手順をお伝えします。
画像に影をつける具体的な方法
①まずは以下のコードをコピーします。
/*——————————————————–
画像に影をつける
——————————————————–*/
img.alignnone {
box-shadow: 5px 5px 8px #333333;
}
②ブログ内のCSS(スタイルシート)設定画面を開き、コピーしたコードを貼り付けて、保存すれば完了です。
ちなみにこれが変更前↓↓
そしてこれが変更後です↓↓
画像が浮き彫りになって見やすくなりました。
ブログの装飾にはかなりオススメです。
さいごに
NOBU
もちろん「シンプルな平坦もいい」という意見もあるでしょうし、どっちがいいかは運営者の個性やセンス次第です。
ブログにちょっとしたインパクトを与えたい方は、ぜひお試ししてみてはいかがでしょう。
