お勧めスマホゲーム!

放置少女

【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 で掲載しています。
ブログランキング参加中、ご協力(クリック)お願いします!

   


 

スポンサーリンク
 

モビルスーツアンサンブルEX17弾に「重装フルアーマーガンダム7号機」が登場! 特徴的な武装をデフォルメサイズながら緻密に再現した豪華仕様でお届けします。 【セット内容】 彩色済みフィギュア一式(一部組み立て) 【商品素材】 PVC・ABS・MABS 【商品サイズ】 全長約120mm 【対象年齢】 15歳以上 【生産エリア】 中国 ※商品の仕様に関して※ ・掲載写真は試作品です。実際の商品とは異なる場合がございますのでご了承ください。 ・本商品はガシャポンでの販売予定はございません。 ※ご注文条件に関して※ ・商品仕様や発送日は予告なく変更になる場合がございます。予めご了承ください。 ・準備数に達し次第、ご注文の受付を終了致します。多数のご要望をいただいた場合、準備数を調整して再度販売することがございます。予めご了承ください。

シェアする

スポンサーリンク
 

モビルスーツアンサンブルEX17弾に「重装フルアーマーガンダム7号機」が登場! 特徴的な武装をデフォルメサイズながら緻密に再現した豪華仕様でお届けします。 【セット内容】 彩色済みフィギュア一式(一部組み立て) 【商品素材】 PVC・ABS・MABS 【商品サイズ】 全長約120mm 【対象年齢】 15歳以上 【生産エリア】 中国 ※商品の仕様に関して※ ・掲載写真は試作品です。実際の商品とは異なる場合がございますのでご了承ください。 ・本商品はガシャポンでの販売予定はございません。 ※ご注文条件に関して※ ・商品仕様や発送日は予告なく変更になる場合がございます。予めご了承ください。 ・準備数に達し次第、ご注文の受付を終了致します。多数のご要望をいただいた場合、準備数を調整して再度販売することがございます。予めご了承ください。