【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^)ノ

パズドラ以外のお勧めスマホゲーム!今すぐダウンロードを!
放置少女
エバーテール
キングダム オブ ヒーロー
ロードモバイル
グランドサマナーズ

 

ブログランキング参加中、ご協力(クリック)お願いします!

   

 

スポンサーリンク
プレミアム バンダイプレミアム バンダイ

シェアする

スポンサーリンク
プレミアム バンダイプレミアム バンダイ