WordPressで記事ごとにアイキャッチ画像の表示・非表示を切り替える方法

前の記事では、「WordPressで固定ページにアイキャッチ画像付きの投稿一覧を表示する方法」について記載したが、本来であればアイキャッチ画像が不要な投稿に対してもサイトのロゴを設定することで一覧表示したときの統一感を出すようにしている。しかし、この対応だけでは実際の記事にも(本来不要な)サイトのロゴが表示されてしまうので、これを表示しないようにするための対応をした。

対応にあたっては別の記事で紹介した「First」というテーマで用意されている「カスタムCSS」を使用した。このカスタムCSSを使うと、テーマ全体にかかるStyleシートの変更が可能となり、以下のように追記することでアイキャッチ画像を非表示にした。

.post-thumbnail {
    display:none;
}

ただし、これだけでは全ての記事のアイキャッチ画像が表示されなくなってしまうため、本当にアイキャッチ画像を表示したい投稿に対しては、前の記事で紹介した「Add css to post」というプラグインを使用して、以下のようにCSSを追記することで対応した。

.single .post-thumbnail {
    display: block !important;
}

※これを使って記事ごとに表示・非表示を指定すれば「カスタムCSS」は使わなくてもよい。

Share on FacebookTweet about this on TwitterShare on Google+