【WordPress】トップページのアイキャッチ画像に影をつける方法

今回はブログやサイト記事のトップページに表示されるアイキャッチ画像に影をつける方法をご紹介します。

トップページのアイキャッチ画像に影をつける方法

では具体的な作業手順です。
下記の枠内のタグをコピーします。

div.left img {
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

WordPressの「外観」→「テーマの編集」から
目的のCSSを探します。

スタイルシートの一番下のスペースに
先ほどのタグを貼り付けて保存します。

以上で設定完了です！

PCでチェックするとこのようにアイキャッチ画像に影がついて表示されます。

スマホでも画像に影がついて表示されます。

今回はほぼコピペでできる簡単な方法なので、興味があればぜひ挑戦してみてください。

スポンサードリンク