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

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

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

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

    WordPress

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

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

  3. トラックバックURL追加

    WordPress

    トラックバック用のURLを表示

    またしてもささやかな更新。wordpressは、トラックバックとコメ…

  4. WordPressのバージョンを確認する方法

    WordPress

    WordPressのバージョンを確認する方法

    WordPressのバージョンを確認するにはダッシュボードの表示を調整…

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

    WordPress

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

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

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

    WordPress

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. 日常

    「廣村正彰 2D ⇔ 3D」
  2. dci_number-1.jpeg

    MTG

    【MTG】マジック復帰組は要注目!昔取得したDCIナンバーを有効にする方法
  3. 日常

    充実した時間
  4. 日常

    『デザインの輪郭』
  5. 日常

    「Charlie」 AND 「WAGAMAMA」
PAGE TOP