WordPressでアイキャッチ画像を非表示へ【コピペOK】

WordPressでアイキャッチ画像を非表示へ【コピペOK】 WordPress

こんにちは、mickです。

固定ページなど特定のページでアイキャッチ画像を消すにはどうすれば?

ということを解決して行きます。テーマには「Cocoon」を使っています。
アイキャッチ画像を非表示にすやり方は簡単です。

CSSを編集する。しかもコピペOKです。

アイキャッチ画像とは

インデックス(エントリーカード)のアイキャッチ画像
インデックス(エントリーカード)のアイキャッチ画像

アイキャッチ画像というのは、WordPressのインデックス(エントリーカード)やブログカードにでてくる画像です。

投稿のアイキャッチ画像
投稿のアイキャッチ画像

また、投稿した記事で最初にでてくる画像がアイキャッチ画像です。

固定ページと投稿(ページ)の違い

固定ページで表示されてしまうアイキャッチ画像
固定ページで表示されてしまうアイキャッチ画像

通常、ブログを投稿してアイキャッチ画像が出て困ることはないと思います。

それでもテーマやテーマのテンプレートによってはアイキャッチ画像を消したいケースがあると思います。

例えば、固定ページの「サイトポリシー」や「お問い合わせ」でアイキャッチ画像が出てくると消したくなります。

アイキャッチ画像を表示しない

ここでは、固定ページ(投稿でもOK)のアイキャッチ画像を非表示にしていきます。

使うCSSソースコード

今回使うCSSのソースコードはこちら。これをコピペすればOKです。

/* アイキャッチ画像を非表示にする */
.eye-catch {
  display: none;
} 

貼り付ける場所

上のCSSを貼り付ける場所は、固定ページや投稿を編集する下のメニューにあります。

メニューの「SEO」「カスタムCSS」「カスタムJavaScript」から「カスタムCSS」を選びます。

カスタムCSSのテキストボックスにCSSをコピペ
カスタムCSSのテキストボックスにCSSをコピペ

カスタムCSSにあるテキストボックスに上のCSSを貼り付ければOKです。

確認

非表示になったアイキャッチ画像
非表示になったアイキャッチ画像

固定ページにアイキャッチ画像がでてないのを確認しておしまいです。

まとめ。

通常、固定ページではアイキャッチ画像はでてきません。

ただ、Cocoonでテンプレート「Bizarre-food」を使うと、固定ページでも強制的にアイキャッチ画像がでてきました。

こんなとき、アイキャッチ画像を非表示にすることは最適です。

以上、みなさまの助けなれば幸いです。

初稿 2020/08/31

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