![double-image0.jpg Double image0](https://crunchlog.net/wp-content/uploads/2015/05/double-image0.jpg)
テーマによると思いますが、アイキャッチと本文の一番最初にくる画像が重複して表示されることってあると思います。見栄えが悪くていやですよねー。これをなんとかする方法です。今まで悩んでましたがあっさり解決できました。
そもそもなぜ、画像がダブってしまうのか。それは、ブログを乗り換えたときに「Auto Post Thumbnail」というプラグインを使ったときに出てしまうことが多いようです。そういえば私も使いました。
「Auto Post Thumbnail」とは、使用すると本文画像の一番目をアイキャッチに自動的に設定してくれる頼りになるプラグインです。使った人も多いと思います。
以下のような感じになってしまい、ちょっと見苦しいですよね。
![double-image1.jpg Double image1](https://crunchlog.net/wp-content/uploads/2015/05/double-image1.jpg)
これを解決するために以下のCSSを設定しました。
.entry-content p:first-child img:first-child{
display: none;
}
たったこれだけで以下のように解決しました!
![double-image2.jpg Double image2](https://crunchlog.net/wp-content/uploads/2015/05/double-image2.jpg)
クラス名は各ブログで違うと思いますので調整してください。
今までどうしようかと思っていたのがバカらしいくらいあっさりできちゃいました。以下のブログのおかげです。
ありがとうございました♪