記事中の画像に影を表示する
エントリー記事の画像に物足りなさを感じてしまったので、その解消として画像に対して影を追加表示させてみました。
この手の処理をするためのプラグインも有るようですが、ここはスタイルシート(style.css)に処理を追加してみたいと思います。
面倒なのと今後の事も考えて子テーマのstyle.cssに
を追加しておきました。
これで画像に対して影を表示したい場合には、imgタグのclassに「shadow」を追記することで、画像に影が表示されるようになりました(・∀・)ノ
但し、画像1個1個に対して手動で、imgタグのclassに「shadow」を追記する必要があるため、過去のエントリー記事の画像に対しては当然有効にならないので注意が必要です。
自分の場合、取りあえず5月分のエントリー記事の画像全てに対してこの影を追加表示させてみました。
自動でimgタグのclassにshadowを追記する
今後のエントリー記事の全ての画像に対して影を表示させたいので、これを手動で行うと忘れたり面倒だったりするため、imgタグのclassに「shadow」を自動追記させることにします。
その方法は、子テーマのfunctions.phpに
の1行をを追加することで、いちいち手動でimgタグのclassに「shadow」を追記しなくても、自動で追記してくれるようになるので便利です。
たかが影ですが、取りあえず満足です( ^o^)ノ
