アイキャッチと本文画像の最初がダブっているときの対処法

WordPress

アイキャッチと本文画像の最初がダブっているときの対処法

Double image0

テーマによると思いますが、アイキャッチと本文の一番最初にくる画像が重複して表示されることってあると思います。見栄えが悪くていやですよねー。これをなんとかする方法です。今まで悩んでましたがあっさり解決できました。

そもそもなぜ、画像がダブってしまうのか。それは、ブログを乗り換えたときに「Auto Post Thumbnail」というプラグインを使ったときに出てしまうことが多いようです。そういえば私も使いました。
「Auto Post Thumbnail」とは、使用すると本文画像の一番目をアイキャッチに自動的に設定してくれる頼りになるプラグインです。使った人も多いと思います。

以下のような感じになってしまい、ちょっと見苦しいですよね。

Double image1

これを解決するために以下のCSSを設定しました。

.entry-content p:first-child img:first-child{
    display: none;
}

たったこれだけで以下のように解決しました!

Double image2

クラス名は各ブログで違うと思いますので調整してください。

今までどうしようかと思っていたのがバカらしいくらいあっさりできちゃいました。以下のブログのおかげです。

ありがとうございました♪

関連記事

  1. インストールするだけでお手軽セキュリティ対策「SiteGuard WP Plugin」

    WordPress

    インストールするだけでお手軽セキュリティ対策「SiteGuard WP Plugin」

    セキュリティ対策のプラグインは、簡単な設定だけで効果的なものがいいに決…

  2. テーマを新しくしてみた

    WordPress

    ブログのテーマを新しくしてみた♪

    年が変わったので、思いきって今まで使っていたテーマをやめて新しくしまし…

  3. WordPressの基本的な設定項目をおさらい1「一般設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい1「一般設定」篇

    WordPressをインストールしたら設定しておきたい項目のひとつです…

  4. 独立ページ追加

    WordPress

    独立ページを追加

    独立ページを追加してみた。なるほど、こうやって仕上げていくのか。カン…

  5. コメント件数

    WordPress

    記事ごとにコメント数を表示

    ちょっと前進。以下をindex.phpに書き加えた。<a …

  6. コメント欄

    WordPress

    コメント覧とBlogのタイトル画像追加

    とりあえず今日はコメント欄をフリーのテンプレートから、シンプルなものを…

最近の記事

  1. ホワイトハウスコックスの財布
  2. 進撃の巨人展FINAL チラシ
  3. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  4. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  5. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  6. 【コレクション】カードダス:SDガンダム外伝シリーズ
  7. 懐かしい!!カードダスSD戦国伝!!

アーカイブ

  1. Amazonプラグインデザイン

    WordPress

    Amazonプラグイン導入
  2. 留学

    留学の成果あり!!
  3. 日常

    これがオーディションかあ
  4. レゴ「はやぶさ」提案

    日常

    NHK『サキどり』にでます!!
  5. プロダクト

    マクロ撮影が1cmから10cmになった最新版「GR DIGITAL」は「GR D…
PAGE TOP