お勧めスマホゲーム!
放置少女

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

PayPay Android対応アプリ PayPay iOS対応アプリ

ー お知らせ ー
【パズル&ドラゴンズ日記】【レビュー記事】以外のエントリー記事は、
2019年1月から別ブログの ZMASAa.blog で掲載しています。
ブログランキング参加中、ご協力(クリック)お願いします!

   


 

スポンサーリンク

「FW GUNDAM CONVERGE」EXシリーズ29弾は『機動戦士ガンダム』より「ビグ・ザム」が登場! 全高約90mmの大ボリュームで立体化。通常の立ち姿に加え、パーツ差し換えで浮遊状態も再現可能。 また「005」と「006」のマーキングがはいったコア・ブースター2機も付属。 ●彩色モデル1セット 1.ビグ・ザム&コア・ブースター ●ガム(ソーダ味)1個 【素材】 人形一式:PVC・ABS・MABS 台座:MABS 【サイズ】 H約90mm×W約80mm 【対象年齢】 15歳以上

シェアする

スポンサーリンク

「FW GUNDAM CONVERGE」EXシリーズ29弾は『機動戦士ガンダム』より「ビグ・ザム」が登場! 全高約90mmの大ボリュームで立体化。通常の立ち姿に加え、パーツ差し換えで浮遊状態も再現可能。 また「005」と「006」のマーキングがはいったコア・ブースター2機も付属。 ●彩色モデル1セット 1.ビグ・ザム&コア・ブースター ●ガム(ソーダ味)1個 【素材】 人形一式:PVC・ABS・MABS 台座:MABS 【サイズ】 H約90mm×W約80mm 【対象年齢】 15歳以上