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

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. WordPressの基本的な設定項目をおさらい1「一般設定」篇

    WordPress

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

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

  2. FacebookのLike Boxをレスポンシブ対応させる方法

    WordPress

    FacebookのLike Boxをレスポンシブ対応させる方法

    最初、これ分からなくて困っていたのでメモしておきます。いまどきはデフ…

  3. 3段組

    WordPress

    3段組の準備完了

    3段組にするにはまず2つの段を1つの段として扱えるようにグループ化する…

  4. WordPress

    WordPress導入時にまっさきに入れたいプラグイン『Disable Revisions and …

    新しくWordPressを導入したときにすぐに入れておきたいプラグ…

  5. 関連記事表示

    WordPress

    関連記事プラグイン導入

    関連記事を記事の下部に表示させるプラグインを入れてみました。いくつ…

  6. WordPressの基本的な設定項目をおさらい4「ディスカッション設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい4「ディスカッション設定」篇

    WordPressの基本的な設定項目をおさらいします。また調べるのが面…

最近の記事

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

アーカイブ

  1. 日常

    なつかしのメンツ
  2. 日常

    「クリエイターが語る紙とデザインの可能性」
  3. ガジェット

    長いLightningケーブルが便利すぎる!
  4. 「Google Search Console」に登録してみた

    ブログツール

    「Google Search Console」に登録してみた
  5. 日常

    会社大掃除終了
PAGE TOP