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. top

    WordPress

    blogデザイン更新。

    ちょっと久しぶりにデザイン更新。シンプルに、blogへのリンク画像…

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

    WordPress

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

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

  3. fancybox-for-wordpress.jpg

    WordPress

    超オススメ! カスタマイズも可能なLightBox風WPプラグイン「FancyBox for Wor…

    記事内の写真をクリックすると、その写真が浮き出るように表示される「…

  4. WordPress

    タイトルについて

    タイトルについてまだどこにも載っていないですね。なのでまずはここに書…

  5. blog_apphtml-8.jpeg

    WordPress

    AppHtmlメーカーのリンク切れをWPプラグイン「Search Regex」で一括変換!

    ちょっと前のことになりますが、AppHtmlで作ったリンクの画像が…

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

    WordPress

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

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

最近の記事

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

アーカイブ

  1. the_design_batons-1.jpg

    展覧会

    クリエイターがキュレーターな展示「デザインバトンズ」
  2. 日常

    季節モノ
  3. WPプラグイン「Quick Adsense」でお手軽広告管理♪

    WordPress

    WPプラグイン「Quick Adsense」でお手軽広告管理♪
  4. spaceschool

    イベント

    宇宙学校・東京 2011
  5. 日常

    Tate Britain & SHIPLEY
PAGE TOP