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. Gravatar01.jpg

    WordPress

    WordPressにアバターが表示されるように「Gravatar」に登録してみた

    WordPressを使っているとコメント覧とか記事を書いたライター…

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

    WordPress

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

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

  4. さくらサーバーの設定

    WordPress

    「WordPressのログイン後に画面が真っ白け」対策

    新デザインのテーマをいじっていると必ず起こる意味不明な現象。デザイン…

  5. タグクラウド

    WordPress

    タグクラウド追加。

    ブログっぽくタグクラウド追加した。まだタグが少ないので、その効果はな…

  6. WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPress

    WordPressの基本的な設定項目をおさらい3「表示設定」篇

    WordPressの設定項目のおさらい。こういうのはすぐに忘れてしまう…

最近の記事

  1. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  2. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  3. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  4. コミックのイラストが新鮮だった!『MARVEL展』
  5. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  6. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」
  7. 水引と風呂敷の包み方のデザインが美しい引き出物「祝づつみ」
  8. 【無印良品】ちょっと小さいクリップも買っておいて損はない「袋止めクリップ・小」
  9. 【無印良品】普通に使えるクリップが安くてうれしい「袋止めクリップ・大」
  10. 今年の手帳はコレに決めた♪「ほぼ日手帳 2017 オリジナル」

アーカイブ

  1. ポケットが良アクセント! nano・universeのボーダーPKシャツ 7分袖

    ファッション

    ポケットが良アクセント! nano・universeのボーダーPKシャツ 7分袖…
  2. 日常

    基本はコレでしょ
  3. Philips SHQ3000/10 Washable Sports Headphones with Anti-Bacterial Agent

    プロダクト

    使ってるランニング・ギアをまとめてみた。【イヤホン】
  4. 【無印良品】オフィス用に羽織物「くつろぎケープ」を購入♪

    無印良品

    【無印良品】オフィス用に羽織物「くつろぎケープ」を購入♪
  5. fnm002-1.jpg

    MTG

    【MTG】イベントデッキ「潜行と征服」でFNM3位までいけた
PAGE TOP