Auto Post Thumbnailプラグインを入れて画像がダブってしまった時に片方を非表示にする方法

9bfad27da54b395182827497400aa631.jpeg

9bfad27da54b395182827497400aa631

WordPressとMarsEditを利用してブログを更新している方は多いと思いますが、MarsEdit使いならほとんどの方が利用しているほど便利なプラグイン「Auto Post Thumbnail」をこのブログでも導入した時につまづいた点を書いておきたいと思います。

Auto Post Thumbnailとは?

Auto Post Thumbnailとは投稿した画像の最も最初の画像を自動的にアイキャッチ画像に設定してくれるプラグインです。

ただ、ほとんどのテンプレートで利用すると投稿の個別ページではAuto Post Thumbnailによって設定されたアイキャッチ画像と最初の画像がダブってしまうことになってしまいます。

Googleさんに聞くと下記のサイトを教えていただいたのですがその通りにやってみてもできず・・・・。

もっとシンプルにCSSでやってみたらいいんじゃないかな?

ってことでやってみたら見事解決!!

以下は設定したコードです。
まずコンテンツをIDで囲みます。

<div id="post">
<?php the_content(); ?>
</div>

そして以下のようにpタグの中に画像タグがある最初の画像を非表示にする設定をします。

#post p:first-child img:first-child{
	display: none;
}

今回、なんかいつも難しく考えてしまうので2日程かかってしまったw

こんな低レベルなことで悩んでしまう自分、バカ〜と叫んで今日は寝ます。

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す




関連記事

WordPress(ワードプレス)の管理バー(アドミンバー)を非表示にさせる方法
WordPressのカテゴリの記事やリンク一覧を取得するためによく使う3つのテンプレート
WordPressをインストールしているディレクトリの外部でWordPressのテンプレートタグを利用する時に入れるコード
WordPressのアップグレード更新通知を非表示にする&管理者権限のユーザー以外を非表示にする方法
WordPressのアイキャッチ画像のメタボックスに任意のテキストを挿入する方法
WordPressで使われる昇順(ascending order)、降順(descending order)の正式名称
プラグイン○○を完全に削除できませんでしたと表示されプラグインの削除に失敗した時の解決法
WordPressをインストールしたディレクトリと同じ階層にindex.htmlがある時の開発準備TIPS
ワードプレスの個別記事で投稿した月のカレンダーを表示させるphpコード
WordPressのディレクトリ外でWordPressの情報(WordPressタグや新着一覧)を表示させる方法
PageNaviを特定のカテゴリやアーカイブでページ遷移をしても1ページ目が表示される場合の問題を解決するためのメモ
WordPress(ワードプレス)の個別記事で投稿した月のカレンダーを表示させるコード
アップロードした画像を自動でリサイズしてくれるWordPressプラグイン「Imsanity」
WordPressでヘッダーに自動的にhtml5shiv.jsを挿入する方法
ナレッジベース&wiki的な無料・有料のWordPressテーマ11選をまとめてみました

Menu

HOME

 TOP