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

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のテキスト置換にかかせないプラグイン「Search Regex」

    WordPress

    コレ使える! WordPressのテキスト置換にかかせないプラグイン「Search Regex」

    ブログなんかでタイトルのCSSを置き換えたり、写真のサイズを変更したり…

  2. 2段組

    WordPress

    個別ページだけ2段組にしてみた。

    それほど意味はないんだけど、こういうこともできる、ということで。どう…

  3. WordPress

    旧WPブログのデータベースを新WPブログのデータベースに移行させる方法

    新ドメインと新サーバー(マルチドメインですが^^;)ですっきりしま…

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

    WordPress

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

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

  5. 便利なタグがいっぱい! 記事作成が捗るWPプラグイン「AddQuicktag」

    WordPress

    便利なタグがいっぱい! 記事作成が捗るWPプラグイン「AddQuicktag」

    必要というわけではなく「あったら便利」というWordPressプラグイ…

  6. 見た目を変更

    WordPress

    見た目を少し変更。シンプルにいく。

    モノトーンにして、シンプル路線にしようかな、と。まずはさくっと変更で…

最近の記事

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

アーカイブ

  1. 日常

    タブレット復活
  2. iPhone開発会から第1号アプリがリリース!漢字の神経衰弱「KANJI PLAY」

    iPhoneApp

    iPhone開発会から第1号アプリがリリース!漢字の神経衰弱「Kanji Pla…
  3. 展覧会

    ボダスポ再び! ミニフィグビルダーさくれつさんの個展に行ってきた♪
  4. 日常

    イベントカメラマンとして
  5. 関連記事

    WordPress

    関連記事のCSSデザインをちょっと更新
PAGE TOP