【WordPress】記事中の画像に影を表示する!

記事中の画像に影を表示する

エントリー記事の画像に物足りなさを感じてしまったので、その解消として画像に対して影を追加表示させてみました。

この手の処理をするためのプラグインも有るようですが、ここはスタイルシート(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^)ノ