WordPressとMarsEditを利用してブログを更新している方は多いと思いますが、MarsEdit使いならほとんどの方が利用しているほど便利なプラグイン「Auto Post Thumbnail」をこのブログでも導入した時につまづいた点を書いておきたいと思います。
Auto Post Thumbnailとは?
Auto Post Thumbnailとは投稿した画像の最も最初の画像を自動的にアイキャッチ画像に設定してくれるプラグインです。
ただ、ほとんどのテンプレートで利用すると投稿の個別ページではAuto Post Thumbnailによって設定されたアイキャッチ画像と最初の画像がダブってしまうことになってしまいます。
Googleさんに聞くと下記のサイトを教えていただいたのですがその通りにやってみてもできず・・・・。
MarsEditから記事を投稿するときに、アイキャッチ画像もいっしょに投稿する方法【力技】
もっとシンプルにCSSでやってみたらいいんじゃないかな?
ってことでやってみたら見事解決!!
以下は設定したコードです。
まずコンテンツをIDで囲みます。
<div id="post"> <?php the_content(); ?> </div>
そして以下のようにpタグの中に画像タグがある最初の画像を非表示にする設定をします。
#post p:first-child img:first-child{ display: none; }
今回、なんかいつも難しく考えてしまうので2日程かかってしまったw
こんな低レベルなことで悩んでしまう自分、バカ〜と叫んで今日は寝ます。
コメント