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

WordPress

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

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

コメント

タイトルとURLをコピーしました